🌍 Public
Viewing a saved revision (read-only)
b6bfbc92c12f4155bf5a3cabf2815fa8
Cheap tricks for interaction
This example shows a world map rendered with D3’s `geoNaturalEarth1` projection and `geoPath`, where hovering over any country turns it red. It uses TopoJSON data from the `world-atlas` package, joined with a TSV file to add country names via `iso_n3` IDs. The map includes a blue sphere background, and each country’s `<path>` element contains a `<title>` child for tooltips, enabling interaction through CSS `:hover` styling.
AI-generated descriptionHover over and title elements for map