Skip to main content
SimilarExport ZIP
100%

Scatterplot: Labor Force Participation

✓ Published0🌍 Public
AAndresAnayaIsaza
Last edited Feb 4, 2017
Created on Feb 4, 2017

This interactive scatterplot visualizes U.S. labor force participation and unemployment rates over time, allowing users to step through decades from the 1970s to the present. The chart combines dual line charts with a scatterplot, using a “next” button to animate transitions between eras. It is built with D3 v3, rendering SVG elements and using d3.svg.axis, d3.svg.line, and d3.transition for animations. Data is loaded from a CSV file and points are colored by decade via CSS classes.

AI-generated description

forked from <a href='http://bl.ocks.org/dougdowson/'>dougdowson</a>'s block: <a href='http://bl.ocks.org/dougdowson/8dd258e91d44c9ed637d'>Scatterplot: Labor Force Participation</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Scatterplot of Labor Participation and Unemployment

This scatterplot displays labor force participation and unemployment rates across multiple years, with each circle representing a country’s value for a given year. The x-axis encodes the year using a linear scale, while the y-axis maps the recorded percentage value. The visualization is built with D3 v6, using `csv` to load UN data, `scaleLinear` for axes, and SVG circles for marks, with axes rendered via `axisLeft` and `axisBottom`.

LLilly-beth Linnell
85% match
Loading thumbnail…

Reusable D3 Scatter Plot

This reusable D3.js scatter plot visualizes youth unemployment data, animating between two axes every two seconds to compare the unemployment rate against the median age of unemployed youth. The chart is implemented as a configurable `scatterPlot` module using d3’s `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` APIs, rendering SVG circles with a steelblue fill. Data is loaded asynchronously from a CSV via `d3.csv` and parsed with a custom row function. The animation cycles the x-axis value between two dataset columns, updating the plot through a `setInterval` timer.

Ssaisathyapriya097@gmail.com
73% match
Loading thumbnail…

D3 Scatter Plot Socioeconomic

This scatter plot visualizes socioeconomic data from the US Census 2019-2010 American Community Survey, displaying employment counts by state and NAICS sector for 2019. The visualization uses D3 v6 with SVG rendering, employing `d3.csv` to load the data and `d3.scaleLinear` and `d3.scalePoint` for positioning. Points are plotted using the `Estimate` values for employed civilians, with `d3.axisLeft` and `d3.axisBottom` providing labeled axes. User interactions are not apparent, as the code focuses on static scatter plot generation.

PPeter Cordone
71% match
Loading thumbnail…

Covid-19 Scatter Plot

This scatter plot visualizes the relationship between the percentage of working hours lost and the number of employed males aged 25 or older in 2019 across different countries, with each circle’s size varying by total weekly hours worked and color-coded by country. The visualization is built with React and D3 v5, using `d3.csv` to load data from a remote Gist URL, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for axis rendering. Points are drawn as SVG circles via the `join` operation, with a fixed radius of 5 pixels, while axis labels and a title are added as SVG text elements.

VVAbhiram99
71% match
Loading thumbnail…

Project prototype 10/17

This interactive scatter plot visualizes earnings and labor force data for college graduates by major, sourced from FiveThirtyEight. Users select X and Y axes from dropdown menus, exploring relationships between variables like median salary and unemployment rate. Circles are colored by major category with a clickable color legend that filters selections. The visualization uses d3.csv, d3.scaleLinear, axis generators, and SVG animations with transitions, rendering interactively within a single-page d3.v5 application.

YYF
70% match
Loading thumbnail…

Line Chart

This line chart displays the US unemployment rate from 1920 to 1980. It uses D3 v5 with scales from `d3.scaleLinear` and `d3.scaleTime`, and axes from `d3.axisLeft` and `d3.axisBottom`. The line is generated with `d3.line`, and the data is loaded as CSV from a GitHub gist. The SVG rendering includes styled grid lines, axis labels, and a title, with the blue stroke path emphasized via CSS.

JJerlineJJ
70% match
Loading thumbnail…

Scatterplot

A scatterplot shows the relationship between life expectancy at birth and unemployment rate for countries, with each circle representing a country and a tooltip revealing its name and exact values. The visualization animates circles from off-screen to their x-axis positions sorted by life expectancy, using d3.csv to load data from Countries.csv. It employs d3.svg.axis for labeled axes, d3.scale.linear for coordinate mapping, and transition with delay and duration to produce the staggered animation effect. Circle color changes on hover via CSS.

LLTymn
70% match
Loading thumbnail…

Working Hours Scatter Plot

A scatter plot displays the relationship between age and hours worked per week for individuals from the 1994 Census Income Data Set, with each point colored by gender. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct the axes and gridlines, while `select` and `csv` load and bind the data. The SVG rendering applies a semi-transparent fill to each circle, and a legend distinguishes male and female data points. Hovering over a circle changes its fill to whitesmoke.

AAmar Nath Yogi
70% match