Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Cheap tricks for interaction

Public visualization

Viewing a saved revision (read-only)

00a2bff0a5f140a6867b22648e55e1f3

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