🌍 Public
Viewing a saved revision (read-only)
03fbfca5c9614edab61c52c6a0374e15
Map Projection
This example displays a world map using an equal-earth projection, rendered as SVG paths. The visualization shows landmasses in teal, country interiors as lighter strokes, graticules as gray lines, and the surrounding sphere in light gray. It loads GeoJSON data from the world-atlas TopoJSON file via `d3.json`, converts it using `topojson.feature` and `topojson.mesh`, and draws the map with `d3.geoPath` and `d3.geoEqualEarth`. The React component manages asynchronous data loading with `useData`.
AI-generated descriptionA geojson World Map.