Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

US Unemployment Bubble Map

Public visualization

Viewing a saved revision (read-only)

26239356186345ee86b5c330f01c3bc3

US Unemployment Bubble Map

0 stars1🌍 Public
Oomniaabouhassan@gmail.com
Last edited Dec 4, 2024
Created on Oct 22, 2024

This interactive bubble map visualizes U.S. unemployment rates by state for 2022, with each bubble’s size and color intensity reflecting the unemployment percentage. Users can hover over bubbles to view tooltips with state names and exact rates, while a gradient legend indicates the rate range, and zoom and pan controls allow regional exploration. Built with D3.js, it uses `d3.geoPath` and the `geoAlbersUsaTerritories` projection to render state boundaries, `d3.scaleSqrt` for bubble radii, and `d3.scaleSequential` with `interpolateReds` for coloring. Data comes from the `@oabouhas/unemployment` package, and state centroids are calculated via `d3.geoCentroid` from TopoJSON US Atlas data.

AI-generated description

Hover interaction on US States. Uses a Voronoi Diagram in the background to facilitate hovering over small areas. Leverages utilities from d3-rosetta.

MIT Licensed