Memphis BLS-LAU Data

100%

Memphis BLS-LAU Data

✓ Published0🌍 Public

Last edited Sep 15, 2020

Created on Sep 15, 2020

The chart displays annual average unemployment for the Memphis CBSA from 2000 to 2019, using a horizontal bar chart where bar length encodes the number of unemployed people. The visualization uses d3.csv to load the data, d3.scaleBand for the y-axis years, and d3.scaleLinear for the x-axis values, with d3.axisBottom and d3.axisLeft rendering the tick marks. Bars are appended as SVG rectangles, and the x-axis labels use d3.format for tick formatting. The page includes three empty SVG containers, but only the barchart is populated by the render function.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Metropolitan Unemployment

This visualization shows the distribution of unemployment rates across 380 U.S. metropolitan areas from January 2000 to December 2012. Using a time-series heatmap, it displays monthly unemployment rate bins as colored rectangles, with darker purple indicating higher numbers of areas within a given rate range. The code uses D3 v3’s `d3.time.scale`, `d3.svg.axis`, and `d3.interpolateLab` for color interpolation. Data from the Bureau of Labor Statistics is loaded via `d3.json` and rendered as SVG rectangles.

Mmbostock

65% 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

64% match

Loading thumbnail…

Fork of Bar Chart: the unemployment rates for each state from 1990 to 2010

This interactive grouped bar chart, built with D3.js, visualizes unemployment rates for each state from 1990 to 2010. It shows the percentage of the labor force unemployed per state, with a dropdown menu to select a specific year, dynamically updating the chart’s bars. The visualization uses D3’s `scaleBand`, `scaleLinear`, and `scaleOrdinal` to manage the x, y, and color axes, plus `axisBottom` and `axisLeft` for tick marks. Hovering over a bar reveals a tooltip with the precise rate and year.

Oomniaabouhassan@gmail.com

63% match

Loading thumbnail…

Bar chart

This bar chart displays the top 10 states with the highest unemployment rates as of December 2020, ranging from Hawaii at 9.3% to New Jersey at 7.6%. The data comes from the U.S. Bureau of Labor Statistics. Using d3.csv, d3.scaleLinear, and d3.scaleBand, the visualization renders horizontal bars in SVG, with axes generated by d3.axisLeft and d3.axisBottom. The chart applies a percentage format to the x-axis ticks and includes hover effects that change bar color and opacity.

YYaya Liu

62% match

Loading thumbnail…

Bar Chart: Unemployment Rates by State

This bar chart visualizes unemployment rates across a selection of U.S. states, using a sequential blue color scale where darker bars indicate higher rates. The chart includes rounded bars with drop shadows, a dynamic tooltip showing state and rate on hover, and a vertical gradient legend. Built with D3.js, the visualization uses `scaleBand`, `scaleLinear`, `scaleSequential`, `interpolateBlues`, `axisBottom`, and `axisLeft` to structure the axes and color mapping. Gridlines and labeled axes enhance readability, while the embedded data contains hardcoded state unemployment percentages.

Oomniaabouhassan@gmail.com

62% match

Loading thumbnail…

U.S. Unemployment in 2017

This example displays the monthly U.S. unemployment rate for 2017 as a horizontal bar chart, with each bar labeled by month and the exact percentage value shown alongside it. The chart reveals a slight decreasing trend in joblessness across the year, as encoded by bar lengths. The visualization is built with D3.js v4, using `d3.select`, `d3.scaleLinear`, and `d3.scaleBand` to map data to SVG rectangles and text elements. Data comes from the Bureau of Labor Statistics, and the layout is adapted from a Curran Kelleher block.

RRobertDelgado

62% match

Loading thumbnail…

Fork of Bar Chart: the unemployment rates for 25 random states over 10 years

This interactive grouped bar chart displays unemployment rates for 25 randomly selected states across 10 randomly chosen years, with each bar color-coded by year and a legend identifying the mapping. Users can select a specific year to view the corresponding rates, and hovering over any bar reveals a tooltip with the exact unemployment percentage for that state and year. The visualization uses D3.js v7 APIs including `scaleBand`, `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, `axisBottom`, `axisLeft`, and `d3.group`, with state management triggering chart updates. Data comes from the @oabouhas/unemployment package.

Oomniaabouhassan@gmail.com

62% match

Loading thumbnail…

Untitled

This interactive stacked bar chart displays unemployment data across U.S. states for different years, with a dropdown menu to select the year and a checkbox to toggle sorting by total value. The visualization uses D3 v5 to render SVG elements with smooth transitions between states, animating bar positions and heights over 750 milliseconds. Data is loaded from a CSV file, and the chart employs d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.scaleOrdinal to assign category colors. Stacked segments are created using d3.stack, with labels showing each state's total.

Yyc4004

61% match