Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Viewing a saved revision (read-only)

350c3c98bb7f4e38856e2d7420d9fd7a

Cheap tricks for interaction

0 stars1🌍 Public
JJake
Last edited Jul 18, 2020
Created on Jul 16, 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