d3 gapminder

Development of an interactive visualisation of the income per capita over time
To view the content, please .

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