🌍 Public
Viewing a saved revision (read-only)
1445addeeacd432ea445a36e20ed4248
Let's make a map with D3.js!
This example shows a world map rendered on an SVG canvas, with countries filled in light green and outlined in black, and a blue sphere representing the global boundary. It loads geographic data from the World Atlas TopoJSON file and converts it to GeoJSON using the `feature` method from topojson. The map uses `d3.geoPath` with a `d3.geoNaturalEarth1` projection to generate the country outlines, while D3’s selection and data-join methods append the corresponding SVG path elements.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.