Skip to main content
SimilarExport ZIP
100%

abc

✓ Published1🌍 Public
Wwuc280@haw-hamburg.de
Last edited Dec 5, 2025
Created on Dec 5, 2025

This visualization shows the UK unemployment rate from 1971 to 2025 as a line chart, with a hover tooltip displaying the year and exact rate for each data point. The chart uses D3.js v7's `scaleLinear`, `line`, and `axisBottom`/`axisLeft` to render the line and axes within a React component. The data comes from a CSV file containing annual, quarterly, and monthly unemployment figures, and the visualization filters the data to include only annual entries. The code implements interactive hover detection using transparent circles, making the tooltip and highlight circle appear when the cursor is near a data point.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Unemployment rate in UK #HAW

This interactive line chart visualizes the UK unemployment rate from 1971 to 2024, using data from a CSV file. Users can toggle between yearly, quarterly, or monthly data aggregation and filter by time period. Built with React and D3 v7, the visualization draws a line path and axes, with hoverable transparent circles that trigger a tooltip showing the date and unemployment percentage.

Wwuc280@haw-hamburg.de
85% match
Loading thumbnail…

Unemployment rate in UK #HAW25

This interactive line chart visualizes UK unemployment rates from 1971 to 2024, with data parsed from a CSV file. Users can filter by year range using dual sliders, toggle the line visibility via a checkbox, and view statistical summaries for the selected period. The visualization uses React with D3 v7, leveraging `d3.csv` for data loading, `d3.scaleLinear` for scales, and `d3.line` for the path generation. A hover overlay with bisector-based nearest-point detection shows tooltips with exact values.

Wwuc280@haw-hamburg.de
83% match
Loading thumbnail…

3rd visual

This interactive line chart visualizes unemployment rates over time for multiple countries between 1991 and 2021, using data loaded via `d3.csv` from a GitHub repository. Each country appears as a colored line, with dashed grid lines and rotated x-axis labels to improve readability. The visualization uses `d3.scalePoint`, `d3.scaleLinear`, and `d3.line` within an SVG, and includes a hover tooltip that displays country-specific values. The chart animates by redrawing paths dynamically, with colors assigned from `d3.schemeCategory10`.

Vvenkatabhaskaratetali@my.unt.edu
78% 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
78% 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
76% match
Loading thumbnail…

Less Height is Sometimes Better

This visualization displays the U.S. unemployment rate from 1948 to 2021 as an area chart, using an orange semi-transparent fill over a time-series line. The chart intentionally allocates less vertical height to the plot area, which improves the perception of the data by preventing the spikes from appearing stretched and distorted. Built with D3 v7, the code uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks and labels, and `d3.area()` to generate the SVG path for the area. The data is fetched from a CSV and parsed with `d3.timeParse`.

CCurran Kelleher
73% 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
73% match
Loading thumbnail…

Assignment 2

This visualization displays unemployment rates for fifteen countries as an area chart, with a dark red point marker for each country. The chart uses the D3.js library (v7) to create a smooth monotone curve via `d3.area`, with points added using `d3.selectAll('circle').data().join('circle')`. The code employs `d3.scalePoint` and `d3.scaleLinear` for the axes, and a hover tooltip is implemented using D3's `.on('mouseover')` and `.on('mouseout')` methods, displaying the country name and rate in a styled div. The data is hardcoded in the script, and axis labels are rotated and positioned using D3’s text elements.

Ssarikakannikanti@gmail.com
73% match