d3 gapminder

Development of an interactive visualisation of the income per capita over time

Pen is loading... You can also check it out directly on CodePen instead.

While taking Adams Jane's Udemy course on D3.js, I recreated a simple version of Hans Rosling's famous „Gapminder“ data visualization.

The chart shows the per capita income of different countries over time. Each bubble represents a particular country. The x-axis shows income on a logarithmic scale, while the y-axis shows life expectancy for that country. How countries have developed over time can be seen interactively by dragging the slider or clicking the "Play" button.

tech stack

  • Javascript

  • D3.js