Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map

Public visualization

Choropleth Map

1 star1🌍 Public
SSophia Murage
Last edited Apr 7, 2020
Created on Apr 7, 2020
Forked from Interaction tricks

A choropleth map displays countries with a uniform green fill, turning red on hover while the ocean remains light blue. The visualization uses an orthographic projection, rendering country boundaries as SVG paths via the `geoPath` and `geoOrthographic` functions. It loads world map data from the `world-atlas` package (50m JSON and TSV files) and processes TopoJSON features with the `topojson` library. The `zoom` interaction allows panning and scaling the map through SVG transforms, with country names shown in tooltips.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed