Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

US Unemployment Bubble Map

Public visualization

Viewing a saved revision (read-only)

562cca6a89b6457f9b5e10ff0a35c469

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

This project visualizes the unemployment rates in the US in 2022 using a bubble map. Each bubble's size and color represent the unemployment rate for each state. The data is sourced from the @oabouhas/unemployment package.

MIT Licensed