🌍 Public
Viewing a saved revision (read-only)
9925bc187c614f03b0c85707122204c2
Cheap Tricks for Interaction
This example demonstrates a zoomable world map with country outlines and hover highlighting, rendered as SVG. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to draw country shapes from the world-atlas TopoJSON dataset, with a sphere background. Interactive zoom is implemented via D3's `zoom` module, which applies a transform to the map group on zoom events. Country names are joined from TSV data, and hovering over a country fills it red via CSS `.country:hover`. The visualization is built with React and D3 v5.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.