An interactive scatterplot that displays life expectancy and GDP per capita figures between 1960 and 2018
My goal was to provide users with tools to interact with parts of a dataset containing life expectancy and GDP per capita figures, and use animation to display how these indices changed over time.
I implemented a responsive visualization comprising a scatterplot, an interactive legend, a year slider and a country tracker. The visualization offers the following interaction possibilities:
You can also interact with the visualization.
React.js and D3.js were employed to build the visualization. React renders visualization components, whereas D3 handles data and calculations. The selector was built with Ant Design and animations made with CSS.