Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HDI Over Time Line Final With Tooltip

Public visualization

HDI Over Time Line Final With Tooltip

0 stars0🌍 Public
SSpencer McAvey
Last edited Apr 3, 2023
Created on Apr 3, 2023

This interactive line chart shows Human Development Index (HDI) values per country from 1990 to 2021, with a dropdown menu to switch between overall HDI, male HDI, and female HDI metrics. Lines are colored by UNDP developing region via `scaleOrdinal` and `schemeCategory10`, and hovering over a line displays a tooltip with the country name using D3’s mouse events. The visualization uses `d3.csvParse` to load data, `scaleTime` and `scaleLinear` for axes, and `d3.line` to generate the paths.

AI-generated description

A simple line chart of the HDI dataset: https://gist.github.com/smcavey/5f819b6d6a270c6de339532a592399d4
Comparing HDI values per country over time from 1990 to 2021.
Drop down menu permits choosing between HDI, male HDI values, and female HDI values.

Comments

Sign in to join the discussion.

MIT Licensed