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