Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Unemployment Rate Heatmap

Public visualization

Viewing a saved revision (read-only)

cfc0a0e76fc343b895307ecd006d3295

Unemployment Rate Heatmap

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

This interactive heatmap shows monthly unemployment rates for selected U.S. states, with darker blue cells indicating higher rates and a vertical legend mapping the discrete color thresholds. Hovering over any cell reveals a tooltip with the state, month, and exact unemployment percentage. The visualization is built using d3.scaleBand for the axes, d3.scaleThreshold for the color encoding, and SVG rectangles rendered with D3. Data comes from the "Unemployment in America Per US State" GitHub dataset, with states sorted by descending unemployment rate.

AI-generated description

Unemployment Rate Box Plot Visualization This project visualizes unemployment rate data across various U.S. states for the year 2020. Using D3.js, it presents a box plot to highlight the distribution of unemployment rates, showing median, quartiles, and range (min-max) for each state. This is part of a data visualization project aimed at making statistical data on employment more accessible and insightful.

Project Structure -index.js: Main file where the D3 visualization is built. -Data Source: The unemployment data is imported from @oabouhas/unemployment, containing various employment metrics for each U.S. state by month and year. -Container: The visualization is rendered inside an HTML container.

Data Overview This dataset includes:

-Year: Year of the data record. -Month: Month of the data record. -State/Area: U.S. state or region. Percent (%) of Labor Force Unemployed in State/Area: Unemployment rate for each state. The data is structured with Year and Month as separate fields, which are combined into a date format for easier filtering and visualization.