🌍 Public
Viewing a saved revision (read-only)
675e6dbadc4242b4a1ffc0801a6223bf
Cheap Tricks for Interaction
This example demonstrates interactive zooming and panning on a natural Earth projection map, with country boundaries colored green and highlighting red on hover. It uses a world-atlas TopoJSON dataset merged with a TSV file to map country IDs to names, which appear as tooltips via SVG `<title>` elements. The implementation relies on d3.geoNaturalEarth1, d3.geoPath, d3.zoom, and topojson.feature to render and manipulate the geographic shapes within an SVG canvas.
AI-generated description