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 stars0๐ŸŒ Public
LLittledevil7
Last edited Apr 28, 2020
Created on Apr 28, 2020

A choropleth map displays world economies by color, showing how countries group by income category. Users hover over color legend items to filter the map, which dims non-matching countries and highlights selected ones. The visualization uses D3 v5 APIs including `geoNaturalEarth1` and `geoPath` for map projection, `zoom` for panning, and `scaleOrdinal` with `schemeSpectral`. It loads geographic boundaries from TopoJSON and economic data from TSV in `loadAndProcessData`. Interactive legend clicks trigger opacity changes through `colorLegend`, with SVG rendering throughout.

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