An interactive choropleth map that shows infant mortality rates in Africa. The slider allows users to see how infant mortality rates in Africa varied between 1960 and 2018. Hovering over a country causes a tooltip containing the infant mortality rate for the chosen year to be displayed.
The visualization was implemented with React and D3. React renders visualization components, whereas D3 handles data and axis calculations. Thanks to React Hooks, only functional components were employed.
This project was bootstrapped with Create React App.
-
Clone or download the repository
-
Navigate to the project directory:
cd infant-mortality-in-africa -
Install dependencies:
npm install -
Run the app in development mode:
npm start
Please refer to the Create React App documentation for further information.
World Bank · Data downloaded on 06 February 2020.