🌍 Public
Viewing a saved revision (read-only)
d590692e8f38492f94c9078d23d1f1bb
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