Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Viewing a saved revision (read-only)

3d1d9d06c5c84162ad3240981adb58d7

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