🌍 Public
Viewing a saved revision (read-only)
8c1f6319a2904f56a0ae9dc014f4e225
world map
This example displays a world map with landmasses, graticules, and country interiors using D3’s `geoNaturalEarth1` projection. The visualization loads country boundaries from the `world-atlas` package via `topojson`’s `feature` and `mesh` functions, rendering areawithin an SVG using React. The map’s sphere is light gray, land is teal, and interior boundaries are drawn in a lighter teal, while the graticule appears as thin grey lines. The code relies on `geoPath` to project geographic data and `geoGraticule` to generate the grid.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.