Scatterplot of Labor Participation and Unemployment

100%

Scatterplot of Labor Participation and Unemployment

✓ Published0🌍 Public

Last edited Sep 29, 2021

Created on Sep 20, 2021

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`.

AI-generated description

This is a scatterplot using the UN Labor Force Participation and Unemployment dataset. Each circle represents a country (?), with the position of the circle representing the amount of participation in either unemployment or the labor force (y-axis) and the year (x-axis).

Issues: I couldn't specify country, and I tried to add in colors that would separate male, female, total, as well as either unemployment or labor participation but that didn't work so I just commented it out of my code!

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot: Labor Force Participation

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.

AAndresAnayaIsaza

85% match

Loading thumbnail…

Unemployment rate by Country Scatter Plot (UN Stats), using D3.js

This scatter plot displays the unemployment rate for countries in 2019, with each point positioned by unemployment percentage on the x-axis and country name on the y-axis. The visualization uses D3.js to load the CSV data, filter for the relevant year and series, and render the chart as an SVG. It applies `scaleLinear` and `scalePoint` for axes, and `axisBottom` and `axisLeft` to generate tick marks, with filtered data sorted by value before plotting.

AAdamFrankWhite

81% match

Loading thumbnail…

Unemployment Rate vs Population Scatter Plot

This animated scatter plot visualizes the relationship between total population and unemployment rate across US states over time, using data from the Unemployment in America Per US State CSV dataset. D3.js constructs the visualization with a symlog scale for population on the x-axis and a linear scale for unemployment rate on the y-axis. The code draws circles for each state-year observation, colored lines connecting points per state via `scaleOrdinal` and `line`, and includes hover tooltips. The rendering employs D3 selections, transitions, axes via `axisLeft` and `axisBottom`, and `flatGroup` for state grouping.

Oomniaabouhassan@gmail.com

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

76% 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…

Scatter Plot

This scatter plot displays population figures for a single country over the years 2017–2021. The visualization uses a linear scale for the population values on the x-axis and a band scale for the years on the y-axis. The chart is rendered using D3 v5 with an SVG output, where steel-blue rectangles represent each year's population. Data is loaded from a CSV file, and the scales are created using `scaleLinear` and `scaleBand`, with axes added via `axisLeft` and `axisBottom`.

LLozakaka

72% match

Loading thumbnail…

ScatterPlot

A scatterplot displays the populations of the top 18 most populated countries in 2020, using UN estimates from the World Population Prospects. It uses D3.js v5 with SVG rendering, mapping population to a linear scale on the x-axis and country names to a point scale on the y-axis. The code employs `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `format` for tick labels, with red circles sized at a fixed radius. The background is styled with a light blue color, and axis labels and a title are included.

TTebid Quinsy

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