🌍 Public
Viewing a saved revision (read-only)
f0c8db01f9594340878c73b7a0e2b66e
Cheap Tricks for Interaction
This example demonstrates how to enhance a natural Earth projection map with basic interactive affordances. Users can pan and zoom the world map, and hovering over any country highlights it in red. The map renders geographic data from the World Atlas TopoJSON and TSV datasets using `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.zoom`. Country names are joined from the TSV file and displayed as SVG `<title>` tooltips. Styling relies on CSS hover effects while the zoom behavior applies SVG group transformations.
AI-generated description