Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TODO: Choropleth Map with Interactive Filtering

Public visualization

TODO: Choropleth Map with Interactive Filtering

0 stars0🌍 Public
WWarren-Fitzhenry
Last edited Dec 27, 2019
Created on Dec 27, 2019

This choropleth map displays global economic classifications by country, with a linked color legend that filters the map when a legend item is clicked. Hovering over a legend entry dims all other legend items and corresponding map regions to 0.1 opacity, while clicking toggles the filter on or off. The visualization uses d3.geoNaturalEarth1 and d3.geoPath to project world boundaries from TopoJSON data, with d3.scaleOrdinal and schemeSpectral encoding the categorical values. D3 zoom enables panning and zooming, and the legend’s interactive filtering is handled via click events on SVG groups.

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