🌍 Public
Viewing a saved revision (read-only)
468058112e4a480881ad93025760ef84
Let's make a map with D3.js!
This example shows an interactive orthographic world map built with D3.js, where hovering over any country highlights it in red and displays its name as a tooltip. The map renders as SVG using `d3.geoPath` and `d3.geoOrthographic` for the projection, with country boundaries drawn from TopoJSON data loaded from the world-atlas dataset. The visualization also supports zooming and panning through `d3.zoom`. Country names are matched to geometries using ISO numeric codes from a TSV file.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.