🌍 Public
Viewing a saved revision (read-only)
81b8cb73eb144abf9768eeed08bdd0f3
Make a map with D3 js
This example shows a natural Earth projection map of the world, with countries rendered as light green SVG paths on a dark blue sphere. The visualization loads world-atlas TopoJSON data via `d3.json`, converts it to GeoJSON using `topojson.feature`, and draws the map with `d3.geoPath` and `d3.geoNaturalEarth1`. The sphere background is a separate path generated from a generic sphere object, while country boundaries appear with semi-transparent black strokes.
AI-generated descriptionAn example including some commonly used features of SVG.