🌍 Public
Viewing a saved revision (read-only)
0c38a5a7e95140d4b5242e3c4edc738e
Let's make a map with D3.js!
This example displays a world map of countries and oceans using a natural Earth projection, with landmasses filled in light green and the surrounding sphere in blue. It loads geographic data from the World Atlas TopoJSON file, converts it to GeoJSON features with `topojson.feature`, and renders paths via `d3.geoPath` and `d3.geoNaturalEarth1`. All elements are drawn as SVG paths, with a distinct path for the sphere outline and separate country paths styled through CSS.
AI-generated description