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
Ggabcoderboi
Last edited Dec 23, 2020
Created on Dec 22, 2020
Forked from Choropleth Map

A choropleth map displays world countries colored by economic classification, with an interactive legend that filters which countries remain highlighted. Users click legend categories to isolate specific economic groups, dimming non-matching countries to 10% opacity. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for map projection, d3.zoom for panning, and a d3.scaleOrdinal with schemeSpectral for coloring. Data combines TopoJSON world geometry with TSV metadata from the world-atlas package. The SVG rendering supports hover effects and a legend built with custom SVG groups and circles.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed