🌍 Public
Viewing a saved revision (read-only)
714e1771a0054d65a05977d5bf398e2d
Let's make a map with D3.js!
This example displays a world map with countries filled in light green, overlaid on a blue sphere, using a natural Earth projection. The visualization is rendered as SVG paths, with the sphere and country boundaries generated through D3’s `geoPath` and `geoNaturalEarth1` projection. Country geometries come from the world-atlas TopoJSON dataset accessed via a URL, and are converted using the `topojson` `feature` function. The map is drawn onto a 960-by-500 pixel SVG canvas, with styling for fill and stroke defined in CSS.
AI-generated description