Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Cheap tricks for interaction

0 stars1🌍 Public
CChristine Lanser
Last edited Oct 6, 2020
Created on Oct 6, 2020

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 description

Hover over and title elements for map

Comments

Sign in to join the discussion.

MIT Licensed