Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map with interactive filtering

Public visualization

Viewing a saved revision (read-only)

dbcdc4ec0c1e41c7b77ae769bc7946af

Choropleth Map with interactive filtering

3 stars1🌍 Public
AAnShed
Last edited Aug 6, 2020
Created on Jun 29, 2020
Forked from Creatomng a mapz

This choropleth map visualizes countries' economies using color-coded paths, with an interactive legend that filters the map by economic classification. Clicking a legend category dims non-matching countries and highlights those selected, while a semi-transparent sphere provides geographic context. Built with React and D3 v5, the example uses `geoPath` with the `geoNaturalEarth1` projection for rendering SVG paths, `scaleOrdinal` and `schemeSpectral` for the color scale, and `zoom` for pan and zoom interactions. Data is loaded from the world-atlas package and processed via `topojson.feature`.

AI-generated description

A bare minimum HTML page.

See also React Starter.