Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Choropleth with Histogram Brushing

Public visualization

Viewing a saved revision (read-only)

72509637e6d54006ae4c365cb33048ba

Fork of Choropleth with Histogram Brushing

0 stars0🌍 Public
Oomniaabouhassan@gmail.com
Last edited Oct 3, 2024
Created on Oct 3, 2024

This example visualizes August 2016 unemployment rates across U.S. counties, combining a choropleth map with a brushable histogram. Users can brush the histogram to filter the map, highlighting only counties whose rates fall within the selected interval while dimming others. The map uses `geoAlbersUsaTerritories` projection with `d3.geoPath`, and the color scale is a quantile scale with four custom colors. Brushing is implemented via `d3.brushX`, and the code leverages `d3-rosetta` for DOM manipulation and zooming, with data from the `@oabouhas/unemployment` package.

AI-generated description

An adaptation of the D3 Choropleth Example that uses vanilla JavaScript and adds a brushable histogram. Shows Unemployment rate by U.S. county, August 2016. Modified to add zooming, leveraging utilities from d3-rosetta.

MIT Licensed