Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Choropleth with Multidimensional Filtering

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

7f7bc8bb11d14b69ab311c03913fb63f

Open

Choropleth with Multidimensional Filtering

0 stars3🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Aug 20, 2024

A choropleth map of unemployment rates by U.S. county is linked to two interactive histograms, one for unemployment and one for educational attainment. Brushing a histogram filters the map to highlight counties within the selected range, while hovering over a county reveals its values in both histograms. The visualization uses D3’s `geoPath`, `scaleQuantile`, and `brushX` with data from the BLS and USDA.

AI-generated description

An adaptation of the D3 Choropleth Example that uses vanilla JavaScript and adds a brushable histogram. Modified to add zooming, leveraging utilities from d3-rosetta.

Shows two metrics:

  • Unemployment rate by U.S. county, August 2016 from the BLS.
  • Educational attainment ("Percent of adults with a bachelor's degree or higher, 2018-22") from USDA Educational Attainment Dataset
MIT Licensed