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)

67ca649fb4f841fe8323d1ad22fc0cdf

Choropleth Map with Interactive Filtering

0 stars1🌍 Public
Rryansean1
Last edited Aug 3, 2020
Created on Aug 3, 2020

This interactive choropleth map displays world economic data using a D3.js SVG rendering with a `geoNaturalEarth1` projection and `geoPath`. A spectral ordinal color scale maps each country's economy category. Users can hover over legend items to filter the map, dimming non-selected countries to 10% opacity while highlighting matching ones. The visualization uses `d3.scaleOrdinal`, `d3.schemeSpectral`, and a custom `colorLegend` module, loading data from the world-atlas TopoJSON and TSV files.

AI-generated description

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