Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Viewing a saved revision (read-only)

66f0d2157dc44085b00571e7c9ea124c

Cheap tricks for interaction

0 stars0🌍 Public
JJake
Last edited Jul 18, 2020
Created on Jul 18, 2020

This map renders world countries as green vector shapes on a dark blue sphere, using D3's `geoNaturalEarth1` projection and `geoPath` to generate the SVG paths. The map imports country boundaries from the `world-atlas` dataset and supports zooming via the `zoom` API, which updates the group transform on zoom events. Hovering over a country triggers a CSS `:hover` rule, turning the shape red and displaying its name via a `title` tooltip.

AI-generated description