Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Viewing a saved revision (read-only)

6098ea18e7024fd28d14303f7fbff6d9

Cheap tricks for interaction

0 stars0🌍 Public
Nntds12
Last edited Mar 24, 2020
Created on Mar 24, 2020

A geographic world map of countries in light green on a blue sphere uses D3’s `geoNaturalEarth1` projection and `geoPath` to render vector paths from the TopoJSON `world-atlas` dataset. The visualization shows how hover interaction (CSS `.country:hover`) and a D3 `zoom` behavior (with `event.transform`) provide simple pan and zoom controls. The `tsv` data joins ISO numeric codes to country names, which appear as tooltips via `append('title')`.

AI-generated description