Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 Choropleth Map with Interactive Filtering

Public visualization

Viewing a saved revision (read-only)

66a7c06bbedf4901aa11c372ba03c9a5

d3 Choropleth Map with Interactive Filtering

0 stars0🌍 Public
Jjayjoepark
Last edited Mar 26, 2019
Created on Mar 26, 2019

This choropleth map displays world countries colored by economic classification, with a legend that filters the map by clicking a category. It uses d3.geoPath with a natural Earth projection to render the countries from a TopoJSON file. The colorLegend component uses d3.scaleOrdinal and schemeSpectral for the color scale, and clicking a legend item reduces the opacity of non-matching countries while highlighting the selected ones.

AI-generated description