🌍 Public
Viewing a saved revision (read-only)
6e0fdb4ed62542198f1f5c0c66040b20
Cheap Tricks for Interaction
This example shows a world map highlighting countries in light green on a blue sphere, with a red hover effect on individual countries and zoom-and-pan interaction. It uses D3 v5 with d3.geoNaturalEarth1 projection, d3.geoPath, and d3.zoom to enable the viewport transformations. Country boundaries come from the World Atlas TopoJSON dataset, while country names are matched via the accompanying TSV file. The map renders as SVG, with hover tooltips provided by native `<title>` elements.
AI-generated description