HDI Scatter Plot With Color

100%

HDI Scatter Plot With Color

✓ Published0🌍 Public

Last edited Mar 24, 2023

Created on Feb 23, 2023

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.

AI-generated description

A simple scatterplot of the HDI dataset with colors applied to reflect the UNDP developing region: 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. UNDP developing regions have been specified via color and the index to be able to identify potential groupings by region.

MIT Licensed

Similar vizzes

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

91% 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

88% match

Loading thumbnail…

HDI Over Time Scatter Final

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.

SSpencer McAvey

82% match

Loading thumbnail…

World Happiness Scatter Plot

This scatter plot shows the relationship between GDP per capita and healthy life expectancy across countries, revealing a positive correlation. The visualization uses d3.scaleLinear to map data dimensions to positions and d3.axisLeft for the y-axis. Data comes from the @mjmacgregor/worldhappiness package, rendered as semi-transparent circles on a gray background. The code employs axis label utilities from @curran/axis-labels to annotate both axes. This chart effectively demonstrates how wealthier nations tend to have higher life expectancy.

Mmacgregorm01@gmail.com

81% match

Loading thumbnail…

UN - Human Development Report Data

This visualization plots United Nations Human Development Index (HDI) data for 2013, mapping countries along axes of life expectancy, schooling, GNI per capita, and internet usage. Each country is represented as a point, with its position and size reflecting its development metrics. The scatterplot uses the HDI value as a color scale, highlighting the relationship between income, health, education, and technology access across nations. The chart is built from a Gist by DanielleW, encoding six quantitative variables for each of the 58 countries shown.

DDanielleW

80% match

Loading thumbnail…

Global Data Scatter Plot

This scatter plot visualizes the relationship between GDP per capita and average life expectancy across countries, using circles colored by region from a Global Data dataset. Users can hover over the legend to highlight matching data points or click to toggle entire regions’ visibility, with opacity changes facilitating comparison. The visualization leverages d3.scaleOrdinal for color mapping, d3.scaleLinear for axes, and custom d3 axis-label helpers from @curran/axis-labels, rendering SVG circles with region-based classes.

Nnitinramagiri1@gmail.com

79% 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

78% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between GDP and life expectancy for a synthetic dataset of countries, with points colored by region using a Tableau10 ordinal scale. It loads CSV data with d3.csv and d3.autoType, then renders circles in an SVG container using d3.scaleLinear for both axes and d3.axisBottom/d3.axisLeft for tick marks. The chart includes labeled x and y axes, semi-transparent points, and is built entirely with D3 v7.

LLikhitaMudagereShivaraj@my.unt.edu

77% match