🌍 Public
Viewing a saved revision (read-only)
daf521e42b4f41d89e960e33d44ccee6
Cheap Tricks for Interaction
This example demonstrates a zoomable world map with hover interactions, where countries change color on mouseover. It renders geographic features using d3.geoPath with a d3.geoNaturalEarth1 projection, and applies zoom behavior via d3.zoom to transform the map group. The map data comes from a TopoJSON file combined with a TSV file for country names, loaded through d3.json and d3.tsv. The SVG is styled with CSS for the country fills and hover effects.
AI-generated descriptionAn example showing the capabilities of VizHub.