🌍 Public
Viewing a saved revision (read-only)
a5c2f13cabea46b8a950f79f4808f0aa
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