Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

d3 Choropleth Map with Interactive Filtering

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed