Skip to main content
SimilarExport ZIP
100%

Fork of Bivariate Choropleth with Histograms

✓ Published0🌍 Public
CCurran Kelleher
Last edited Jan 19, 2026
Created on Jan 19, 2026

This visualization displays boxplots for unemployment rates and education levels across US counties, with the top five counties by education listed below. Each boxplot shows quartiles, whiskers, outliers, and invisible data points for hover interactions using d3 scales and joins. Data comes from unemployment and education CSV files, merged by FIPS code. The visualization uses d3.axisBottom, scaleLinear, quantile calculations, and d3-rosetta’s StateProperty for managing hovered state and updating the highlighted county.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bivariate Choropleth with Histograms

This interactive visualization combines a bivariate choropleth map of U.S. counties with coordinated histograms to explore the relationship between unemployment rates and education levels. Using d3.geoPath with a TopoJSON atlas, the map colors each county by a 3x3 bivariate color scale, while brushing on either histogram filters the map and highlights counties in the selected range. Hovering over a county reveals its name in a label and marks its position in both histograms with vertical indicator lines. The visualization uses d3.brushX, d3.scaleQuantile, and smooth transitions to animate state changes between the coordinated views.

CCurran Kelleher
86% match
Loading thumbnail…

Choropleth with Multidimensional Filtering

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.

CCurran Kelleher
80% match
Loading thumbnail…

Fork of Choropleth with Multidimensional Filtering

This interactive visualization links a choropleth map of U.S. county unemployment rates from the BLS with a brushed histogram of the same metric. Brushing the histogram filters the map, dimming counties outside the selected range while highlighting those within it. Users can hover over counties to see their exact values. The implementation uses d3.geoPath with a geoAlbersUsaTerritories projection, d3.scaleQuantile with an inferno color scale, and d3.brushX for the histogram’s interactive interval selection. Data comes from a JSON dataset of unemployment rates for August 2016.

Oomniaabouhassan@gmail.com
78% match
Loading thumbnail…

Fork of Choropleth with Histogram Brushing

This interactive visualization displays the August 2016 unemployment rate for U.S. counties on a choropleth map, using a quantile color scale with d3.scaleQuantile and the Inferno interpolator. A brushable histogram below the map, built with d3.bin and d3.brushX, allows filtering highlighted counties by rate, with non-selected areas grayed out via d3-rosetta utilities. The map supports zooming, uses topojson-client for county boundaries, and renders with d3.geoPath and the geo-albers-usa-territories projection.

GGuan
78% match
Loading thumbnail…

Fork of Choropleth with Histogram Brushing

This visualization shows the unemployment rate for U.S. counties in 2022 using a choropleth map paired with a brushable histogram. The map colors each county by quantile, while brushing a range on the histogram highlights matching counties and dims others. Built with vanilla JavaScript and D3, it uses `d3.geoPath` for map rendering from `us-atlas` TopoJSON data and `d3.scaleQuantile` for color mapping, with zooming via `d3-rosetta`.

Oomniaabouhassan@gmail.com
77% match
Loading thumbnail…

Fork of fcc Choropleth

A choropleth map of the United States displays the percentage of adults age 25 and older with a bachelor's degree or higher per county, using a four-color scale. Tooltips reveal the county name, state, and exact percentage on hover. The visualization uses d3.json to load TopoJSON county boundaries and education data, then renders them with d3.geoPath. Color encoding is assigned via a simple threshold function, while mouse events manage the tooltip. Data originates from the USDA Economic Research Service.

NNita
77% match
Loading thumbnail…

Fork of United States Educational Attainment - Choropleth Map

This choropleth map displays the percentage of adults aged 25 and older with a bachelor's degree or higher across U.S. counties, using a purple sequential color scale and gray for missing data. Built with React and D3 v5, it renders county boundaries via `geoPath` and TopoJSON, with a threshold scale mapping education values to colors. Hovering reveals a tooltip showing the county name, state, and percentage. A legend below the map uses `scaleThreshold` and `invertExtent` to display color breaks, while data comes from FreeCodeCamp's education and county JSON files.

DDonald Bagwell
76% match
Loading thumbnail…

Fork of Choropleth with Histogram Brushing

This fork of the D3 Choropleth example visualizes U.S. county unemployment rates from August 2016, with a brushable histogram below the map that filters highlighted counties. Brushing the histogram dims counties outside the selected rate range using a quantile color scale interpolated with d3.interpolateInferno. The map uses d3.geoPath with geoAlbersUsaTerritories projection and topojson-client for county boundaries. The implementation leverages d3-rosetta’s memoization helpers and d3.brushX for interactive filtering, with zoom support via d3.zoom.

Oomniaabouhassan@gmail.com
76% match