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
Rraylexlee
Last edited Jul 18, 2019
Created on Jul 18, 2019

This choropleth map displays global income groups using a natural Earth projection, with countries colored by income classification. Clicking a color legend item filters the map to highlight only countries in that group, dimming all others and adjusting the sphere’s opacity. Hovering reveals country names and values via SVG titles. Built with d3.geoPath, d3.zoom, and d3.scaleOrdinal, it loads TopoJSON and TSV data from the world-atlas package, with interactive legend selection managed through d3 event handlers.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed