🌍 Public
Viewing a saved revision (read-only)
4c3e2700a11c47af8da778e6cb8947d1
Cheap Tricks for Interaction - Hover, Tooltip, Zoomin
This example shows an interactive world map with hover highlighting, tooltips, and zoom capabilities. Hovering over a country turns it red and displays its name via SVG `<title>` elements. Users can zoom and pan the map using the d3.zoom behavior, which updates the map’s transform. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to project and render TopoJSON country boundaries from world-atlas, with country names loaded from a TSV file.
AI-generated description