HDI Scatter Plot Simple

100%

HDI Scatter Plot Simple

✓ Published1🌍 Public

Last edited Feb 14, 2023

Created on Feb 9, 2023

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.

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…

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

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

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

81% match

Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the relationship between income per person and health expectancy across countries, with circle size encoding population and color distinguishing world regions. Data comes from the World Wealth & Income Database and the Global Health Observatory. The visualization uses d3.scaleLog for the income axis, d3.scaleLinear for health, and d3.scaleSqrt for population-based circle radii. SVG rendering includes custom axes with gridlines and a categorical color legend built with d3.legendColor.

CCurran Kelleher

78% match

Loading thumbnail…

Scatterplot

A scatterplot shows the relationship between life expectancy at birth and unemployment rate for countries, with each circle representing a country and a tooltip revealing its name and exact values. The visualization animates circles from off-screen to their x-axis positions sorted by life expectancy, using d3.csv to load data from Countries.csv. It employs d3.svg.axis for labeled axes, d3.scale.linear for coordinate mapping, and transition with delay and duration to produce the staggered animation effect. Circle color changes on hover via CSS.

LLTymn

77% match

Loading thumbnail…

ICE 6: Scatter Plot Showing Life expectancy vs Happiness Score Scatter Plot

This scatter plot visualizes the relationship between life expectancy and happiness score for countries in the 2017 World Happiness Report, with each semi-transparent purple circle representing a country. The code uses D3 v5’s `csv` loader to fetch the dataset and `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to map the values and render axes with gridlines. The SVG rendering includes labeled axes and a title, while CSS controls circle opacity and text styling.

SShreeti Upreti

76% match

Loading thumbnail…

wealth & health of nations

This scatterplot, titled “wealth & health of nations,” visualizes the relationship between income per capita and life expectancy across countries. Each circle represents a nation, positioned along a logarithmic x-axis for income and a linear y-axis for life expectancy. Hovering over a circle displays a tooltip with the country’s name. The chart includes labeled axes for "Income per capita" and "Life Expectancy," and the D3 v4 code uses an SVG and animation to render the data.

EElaineYu

76% match

Loading thumbnail…

CS171 - Health & Wealth of Nations

A scatterplot shows the relationship between national income and average life expectancy across countries, with bubble size representing population and color indicating world region. The visualization loads data from a CSV file and renders circles in an SVG using D3 v5, applying logarithmic and linear scales to map income and life expectancy. Animated transitions are not present, but the chart includes axis labels and a legend-less ordinal color scale for categorical region data.

Yyuva24

76% match