Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Cheap Tricks for Interaction

Public visualization

Fork of Cheap Tricks for Interaction

0 stars0🌍 Public
Ccaixinying138@gmail.com
Last edited Mar 31, 2026
Created on Mar 31, 2026

This interactive choropleth displays global countries in green on a blue sphere, with hover states that turn countries red. It renders map geometry using `d3.geoPath` and `d3.geoNaturalEarth1` projections, and adds zoom capabilities via `d3.zoom`. The data is loaded from the `world-atlas` package as TopoJSON and TSV files, which supply country boundaries and names. A `title` element shows each country’s name on hover. The visualization supports pan and zoom through the `zoom` API, applying affine transforms to the SVG group.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed