🌍 Public
Viewing a saved revision (read-only)
494b1df1c0724b9d8015e9eeed22a927
Cheap Tricks for Interaction
This example shows an interactive world map rendered with SVG, where each country is colored light green and the sphere background is dark blue. A D3 zoom behavior allows users to pan and scale the map by applying transform attributes to the map group. The code uses `d3.geoPath` with a natural Earth projection and TopoJSON data from the world-atlas package to draw country boundaries. A TSV file provides country names, which are displayed as tooltips via SVG `title` elements, and hovering changes the fill color to orange.
AI-generated description