Metis United States Unemployment Rate

100%

Metis United States Unemployment Rate

✓ Published0🌍 Public

Last edited Jun 14, 2017

Created on Jun 13, 2017

This example visualizes the 2017 United States unemployment rate by state using a choropleth map. State boundaries are colored on a linear scale from light gray to purple based on the rate in the `us-unemployment.csv` dataset. The visualization includes a text summary of average unemployment by region, calculated using `d3.nest()` and `rollup`. It uses `d3.geoAlbersUsa` projection with `d3.geoPath` for rendering GeoJSON, and SVG elements with mouseover tooltips display the specific rate for each state.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

State Choropleth Map

A choropleth map of the United States displays county-level unemployment rates from 2021, using a blue sequential color scale and a corresponding legend. The visualization is built with D3.js v5, leveraging `d3.geoPath` for rendering SVG paths, `d3.scaleThreshold` for color binning, and `d3.json` to load TopoJSON geographic data. A hover tooltip, implemented with a D3-selected `div`, reveals each county's specific unemployment percentage.

Mmariahdiaz

81% match

Loading thumbnail…

Chloropleth Map

This choropleth map displays the 2022 unemployment rate for each U.S. state, with a blue sequential color scale indicating higher rates. It uses d3.geoPath with a d3.geoMercator projection to render state boundaries from a TopoJSON file, while a threshold scale maps unemployment percentages to d3.schemeBlues. Hovering over a state changes its fill to red via CSS. Data comes from a CSV file joined to state names, and tooltips show the exact rate per state.

AAllen Ho

81% match

Loading thumbnail…

US Metro Map of Unemployment Rates

A choropleth map of the United States displays unemployment rates for combined statistical areas, with each region colored by its rate for September 2020 from BLS LAU data. React renders the SVG, while D3 v5’s geoAlbersUsa projection and geoPath draw state boundaries and metropolitan shapes from Census TIGER TopoJSON files. Hovering a metro area reveals a tooltip with its name, FIPS code, and unemployment percentage.

PParker

81% match

Loading thumbnail…

Choropleth Map

This example uses a choropleth map to display the unemployment rate (%) for each U.S. state. The color of each state corresponds to its value, with a legend on the right providing the scale. The map is rendered using D3.js (v5) and React, with the `d3.geoPath` projection drawing the state boundaries and a TopoJSON mesh creating the white state separations. A tooltip is appended to each state path to reveal the exact state name and unemployment rate. The data is stored in a Map object and applied to each state's fill color via the `color` scale.

Rrobertmreedy

79% match

Loading thumbnail…

Metis Simple Stacked Bar Chart with Labels

This example displays 2017 U.S. unemployment rates as a simple horizontal bar chart, with states sorted descending by rate and each bar labeled with its numeric value using SVG text. D3 v4 selects elements, binds CSV data, and uses `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. The code also demonstrates grouping with `d3.nest()` and computes average rates per region and subregion using `rollup()`. The chart is rendered as an SVG element within a 960x500 canvas.

EElaineYu

78% match

Loading thumbnail…

d3 chorplath map

This choropleth map of the United States displays county-level unemployment rates using a quantized color scale. The visualization renders counties as SVG paths, colored from light to dark blues based on rates from 0 to 15 percent, with state boundaries overlaid in white. Built with D3 v3, it uses `d3.geo.albersUsa` and `d3.geo.path` for projection, TopoJSON for US county and state geodata, and a queue to load JSON and TSV data asynchronously.

JJn1532

78% match

Loading thumbnail…

US Census D3 Map

This map visualizes the 2018 unemployment rates for U.S. metropolitan and micropolitan areas, using color intensity to represent different percentage categories. Built with D3 v5 and Vue, it renders SVG paths from TIGER/Line boundary data combined with ACS 5-year estimates. The interactive legend filters regions by unemployment category, and hovering reveals specific values via tooltips.

AA. Parker Oakes

78% match

Loading thumbnail…

Metis Unemployment Rate Bar Chart Nesting and Labels Example

This example uses a nested bar chart to show the average unemployment rate in 2017 across U.S. subregions, sorted from highest to lowest. The chart aggregates state-level data from a CSV file using d3.nest() and rollup to compute mean rates per subregion. Bars are rendered in SVG with value labels positioned inside each bar, while the code also demonstrates data grouping by region, subregion, and state, plus calculations of average unemployment rates by region.

EElaineYu

78% match