🌍 Public
Viewing a saved revision (read-only)
21cf4b3563694ad2ae7764dea972a16e
Making a World Map with React & D3
This example shows a world map rendered as an SVG using React and D3. It displays landmasses, country borders, graticules, and a sphere outline, with data loaded from the world-atlas TopoJSON file via `d3.json`. The visualization uses `geoNaturalEarth1` for projection, `geoPath` for drawing paths, and `geoGraticule` for the grid, while `topojson.feature` and `topojson.mesh` extract land and interior boundaries. React components manage the data-fetching hook and SVG markup, with styling applied through CSS classes.
AI-generated description