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
JJoker-tr
Last edited Oct 31, 2019
Created on Oct 31, 2019

A choropleth map displays global economic classifications, with countries colored via an ordinal spectral scale from World Atlas TopoJSON and TSV data. Hovering a legend item filters the map, dimming non-matching countries to 0.1 opacity and highlighting matches, while clicking toggles the filter. Built with `d3.geoNaturalEarth1`, `d3.geoPath`, `d3.zoom`, and `d3.scaleOrdinal`, the SVG renders country paths and a custom color legend with interactive `onClick` handlers.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed