🌍 Public
Viewing a saved revision (read-only)
2304f4388c824ae094ed956e7b5d37ba
Cheap Tricks for interaction
This example demonstrates a zoomable, hover-highlighted world map using D3 v5. It renders country boundaries and a blue sphere backdrop via `d3.geoPath` with a Natural Earth projection, pulling geometry from the world-atlas TopoJSON dataset. The visualization supports interactive pan and zoom through `d3.zoom`, applying transforms to an SVG group, and changes country fill to red on hover via CSS. Country names are joined from a TSV file using ISO numeric IDs.
AI-generated description