D3 Gapminder

An interactive visualization to explore the income per capita from 1800 to 2014.

During an online course on D3.js, I recreated a simple version of Hans Rosling's famous data visualization „Gapminder“. The chart shows the income per capita of various countries over time. Each bubbles represents one specific country. The x-axis shows income on a logarithmic scale, while the y-axis indicates the life expectancy of the respective country. How the countries have developed over time can be discovered interactively by dragging the slider or clicking the play button.

Have a look at the visualization together with all the code in this codepen.

Tech stack

  • D3