Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth Map with Interactive Filtering

Public visualization

Choropleth Map with Interactive Filtering

0 stars1🌍 Public
Ggcappadaniel
Last edited Oct 23, 2020
Created on Oct 23, 2020

This choropleth map displays country-level economic classifications using a color scale based on world-atlas TopoJSON data. Users can click legend items to highlight countries matching that category while dimming others, and hover effects further emphasize individual countries. The visualization uses d3.geoPath with a geoNaturalEarth1 projection for map rendering, d3.zoom for panning and zooming, and d3.scaleOrdinal with schemeSpectral for color encoding. The legend and map are built as separate SVG components that re-render when the selection changes.

AI-generated description

A choropleth map where you can hover over items in the color legend items to interactively filter!

Comments

Sign in to join the discussion.

MIT Licensed