🌍 Public
Viewing a saved revision (read-only)
5e3a7278d9664e3489448cd57f476a94
Fork of world map
This example renders a natural Earth projection world map using SVG paths. It displays country boundaries with a hover effect that turns each country yellow, while oceans appear as a blue sphere. The visualization loads GeoJSON country data from the world-atlas TopoJSON file and converts it using topojson’s `feature` method, then projects it with `d3.geoNaturalEarth1` and `d3.geoPath`. The code uses D3 v5 selections to append and style the paths, with CSS controlling fill and stroke properties.
AI-generated description