🌍 Public
Viewing a saved revision (read-only)
73f2b863cb79433eb40d572fc784f100
World Map using TOPOJSON data
This example displays a world map with country boundaries, rendered as an SVG using a natural Earth projection. It shows landmasses in pink, graticules in grey, and country borders in black, all set against a sky-blue sphere. The code uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` to project and draw the geography, while `topojson.feature` and `topojson.mesh` extract land and interior boundaries from World Atlas TopoJSON data. The visualization is built with React components managing the data loading and SVG rendering.
AI-generated descriptionA world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.