🌍 Public
Viewing a saved revision (read-only)
4b8ba9b4fbce401e8d516a75b4e3614b
Let's make a map with D3.js
This example displays a world map rendered as SVG paths, with countries filled in light green against a blue spherical backdrop. It loads geographic data from the world-atlas TopoJSON dataset and converts it to GeoJSON using the topojson `feature` method. The visualization projects the coordinates with `geoNaturalEarth1` and traces country boundaries via `geoPath`, while drawing the globe outline with a sphere path generator. The layout uses a fixed 960×500 SVG canvas with simple CSS styling.
AI-generated descriptionAn example showing the capabilities of VizHub.