Unemployment in all the world over the years

100%

Unemployment in all the world over the years

✓ Published1🌍 Public

Last edited Sep 21, 2020

Created on Sep 15, 2020

This visualization displays the unemployment rate as a percentage of the population for five countries—Costa Rica, Argentina, Brazil, Ecuador, and Colombia—from 2000 onward, using a multi-line chart. It uses the vega-lite-api to define the visualization, with D3’s `csv` loader fetching data from a Gist-hosted dataset. The code filters years, multiplies raw values by 100, and configures axes, colors, and tooltips via Vega-Lite specifications.

AI-generated description

This visualization was constructed using the vega-lite-api.

The idea behind this visualization was to show the unemployment rate in the world over the years.

The data used in this visualization can be found on Gist here: Unemployment Rate Dataset

MIT Licensed

Similar vizzes

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

72% match

Loading thumbnail…

Mental illneses in American countries throughout the years

This visualization uses a multi-line chart to show the percentage of the population affected by mental illnesses in Costa Rica, Colombia, and Brazil from 2000 onward. The graph highlights that overall levels remain stable, with slight recent declines in Brazil and Colombia. It is built with Vega-Lite’s API for chart specification, using D3 to load CSV data from a Gist and vega-tooltip for interactivity. The chart applies a custom color scale and filters data to post-2000 years.

FFelipe Mejías

70% match

Loading thumbnail…

line chart

This line chart visualizes unemployment rates across multiple countries, with each country plotted on the x-axis and its corresponding rate on the y-axis. The chart is rendered on a canvas using Chart.js, which fetches CSV data from a GitHub gist and parses it into labels and numeric values. The code creates a line dataset with a teal border color, includes a legend at the top, and displays axis titles for countries and unemployment rate. The visualization updates responsively based on the canvas dimensions.

Ssaisathyapriya097@gmail.com

70% match

Loading thumbnail…

area chart

This area chart displays the unemployment rate in different countries, using a single teal line filled with a semi-transparent color to emphasize the values. The chart is rendered on an HTML `<canvas>` element using Chart.js, with data fetched from a remote CSV file provided via a GitHub Gist. The CSV is parsed manually in JavaScript, extracting country names and numeric unemployment rates, which are then passed to the chart’s line dataset configuration.

Ssaisathyapriya097@gmail.com

70% match

Loading thumbnail…

Exercise Module 4

This graphic shows the 2014 unemployment rate for Spanish regions as a horizontal bar chart, with regions sorted from highest to lowest and the national average highlighted in a darker shade. It uses a linear scale for the value axis and an ordinal scale with range bands for the categorical region axis. The visualization is built with D3 v3, referencing the CSV data file for unemployment statistics, and uses SVG rendering with custom axes, hover tooltips, and a color scheme that emphasizes the national total.

GGloriaYL

69% match

Loading thumbnail…

Exercise Module 4

GGloriaYL

69% match

Loading thumbnail…

DataViz Project - Second Visualization

This interactive bar chart compares unemployment rates and mental illness prevalence across the five most affected countries for a selected year. Users can switch between 1995, 2000, 2005, 2010, and 2015 via a React dropdown menu. The visualization uses React hooks, d3.scaleBand and d3.scaleLinear for axes, and d3.csv to load the mental health dataset from a GitHub gist. Hovering over the color legend highlights corresponding bars and fades others, with tooltips showing exact values.

FFelipe Mejías

68% match

Loading thumbnail…

Exercise Module 3

This example shows the unemployment rate in 2014 for Spanish regions, ordered from highest to lowest, with bar lengths proportional to the rate and tooltips revealing the exact value per region. The chart uses d3.csv to load the data, d3.descending for sorting, and d3.select to append SVG rectangles with title elements for interactivity. The data is sourced from a CSV file containing regional unemployment statistics, and the visualization is rendered as a simple SVG bar chart.

GGloriaYL

68% match