🌍 Public
Viewing a saved revision (read-only)
d9dc1dd8cccc4b35b66fdc7d06cd86af
Cheap tricks for interaction
This example shows a world map with natural Earth projection, where hovering over any country highlights it in red and displays its name as a tooltip. The visualization uses D3 v5 and TopoJSON to load and render geographic data from the world-atlas package, with d3.geoPath handling the projection. It demonstrates two simple interaction tricks: native SVG `<title>` elements for hover tooltips and d3.zoom to enable panning and zooming the entire map. Countries are colored light green by default and turn red on hover.
AI-generated description