🌍 Public
Viewing a saved revision (read-only)
16b6441c2081420c9729fcff67cac758
Fork of Let's make a map with D3.js!
This example shows an interactive world map built with D3.js v5, rendered as SVG. It displays country boundaries in red fill with a dark blue sphere background, and includes a title tooltip on hover showing each country’s name. The map uses `d3.geoNaturalEarth1` for projection, `d3.geoPath` to generate paths, and `d3.zoom` for pan and zoom interaction. Country geometries come from TopoJSON data in the world-atlas package, joined with ISO country names from a TSV file, while `d3.scaleOrdinal` defines the color scheme.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.