HDI Over Time Scatter Final

100%

HDI Over Time Scatter Final

✓ Published1🌍 Public

Last edited Mar 5, 2023

Created on Feb 23, 2023

This scatterplot displays the United Nations Human Development Index (HDI) for countries over time, comparing the year on the x-axis against the HDI value on the y-axis. The visualization uses semi-transparent circles to reveal dense clusters of data points, making trends in global development visible. The code leverages D3 version 7’s `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` functions to construct the chart, with data parsed from a CSV file using `csvParse`. The visualization also separates male and female HDI measurements into distinct datasets.

AI-generated description

A simple scatterplot of the HDI dataset: https://gist.github.com/smcavey/5f819b6d6a270c6de339532a592399d4 Comparing mean life expectancy at birth in the year 2021 (x) vs. gross national income per capita in the year 2021 (y). Pretty clear trend. Added opacity so its easier to visualize dense clusters. Information on the outliers would be nice, such as using a mouse hover to see the country name

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HDI Over Time Line Final

This visualization displays United Nations Human Development Index (HDI) values for countries from 1990 to 2021, with a drop-down menu allowing users to switch between overall HDI, male HDI, and female HDI datasets. The line chart uses d3.scaleTime and d3.scaleLinear for axes, d3.line to generate paths for each country, and d3.scaleOrdinal with schemeCategory10 to color lines by UNDP developing region. A color legend and interactive hover effects that adjust stroke width are implemented using D3 v7 selection methods. The data is loaded from a CSV file and parsed with d3.csvParse.

SSpencer McAvey

87% match

Loading thumbnail…

HDI Over Time Flat Group 4/8

This visualization displays Human Development Index (HDI) values for countries over time from 1990 to 2021, with a dropdown menu that switches between overall HDI, male HDI, and female HDI datasets. Each country is represented as a thin line colored by its UNDP developing region, with a legend on the right side. The chart uses d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.flatGroup to organize lines by country. Data comes from a CSV file containing country, date, value, and region attributes.

SSpencer McAvey

87% match

Loading thumbnail…

HDI 1990-2021

A line chart displays Human Development Index (HDI) values by country from 1990 to 2021, with a drop-down menu toggling between overall, male, and female HDI metrics. Lines are colored by UNDP developing region via `scaleOrdinal`, while event markers appear as black dots. The chart uses d3.v7 with `scaleTime`, `scaleLinear`, `line`, and `flatGroup` to render trajectories, plus interactive tooltips on hover. Data is parsed from a CSV using `csvParse` and `timeParse`.

SSpencer McAvey

85% match

Loading thumbnail…

HDI Over Time Line Final With Tooltip

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.

SSpencer McAvey

85% match

Loading thumbnail…

HDI Scatter Plot With Color

This scatter plot visualizes the relationship between life expectancy at birth and gross national income per capita for countries in 2021, using the United Nations Development Programme (UNDP) HDI dataset. Each circle represents a country, colored by its UNDP developing region, with opacity revealing dense clusters. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and custom `axes` and `colorLegend` functions to render the chart and legend. The plot shows a clear positive trend between the two variables, with regional groupings potentially identifiable through color.

SSpencer McAvey

82% match

Loading thumbnail…

HDI Scatter Plot Simple

A scatterplot compares mean life expectancy at birth in 2021 against gross national income per capita in 2021, with semi-transparent circles revealing dense country clusters. The visualization uses D3’s `scaleLinear` and `extent` functions to map data, and D3’s `select` and `join` API to render the circles. It loads data from a CSV, parsing values with `csvParse`. The plot lacks interactive hover details, so outlier countries remain unidentified.

SSpencer McAvey

81% match

Loading thumbnail…

HDI Scatter Plot

This scatter plot displays the relationship between life expectancy at birth and gross national income per capita for countries in 2021, revealing a clear positive trend. The visualization uses D3 v7 with `scaleLinear` for axes and `join()` to bind data to circles with opacity for dense clusters. The data comes from a CSV file parsed with `csvParse`, and the axes are rendered using `axisLeft` and `axisBottom` from the D3 library.

SSpencer McAvey

79% match

Loading thumbnail…

D3 Starter UNDP scatter

This interactive scatter plot visualizes the relationship between the Human Development Index (HDI) and two alternative measures: child mortality rates and the Gini index, using data from the UNDP's 2019 Human Development Report. Users toggle between the two metrics via buttons, which triggers a smooth animated transition of the data points, axes, and explanatory text. Built with D3 version 5, the visualization renders as an SVG and includes interactive tooltips that reveal country-specific data on hover, with axes and labels updated programmatically using a `transition` API.

Mmaxthamt

78% match