Skip to main content
100%

Assignment 2

✓ Published0🌍 Public
Ssarikakannikanti@gmail.com
Last edited Mar 27, 2025
Created on Mar 27, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes