https://github.com/leandrocollares/infant-mortality-in-africa

An interactive choropleth map that shows infant mortality rates in Africa between 1960 and 2018
https://github.com/leandrocollares/infant-mortality-in-africa

d3 data-visualization react

Last synced: 8 days ago
JSON representation

An interactive choropleth map that shows infant mortality rates in Africa between 1960 and 2018

• Host: GitHub
• URL: https://github.com/leandrocollares/infant-mortality-in-africa
• Owner: leandrocollares
• Created: 2020-02-09T14:19:37.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-05-07T23:44:38.000Z (over 1 year ago)
• Last Synced: 2024-03-26T13:05:20.434Z (8 months ago)
• Topics: d3, data-visualization, react
• Language: JavaScript
• Homepage: https://leandrocollares.github.io/infant-mortality-in-africa/
• Size: 2.01 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Infant mortality in Africa

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](https://reactjs.org/) and [D3](https://d3js.org/). 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](https://github.com/facebook/create-react-app). 

## Getting started

* 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](https://facebook.github.io/create-react-app/docs/getting-started) for further information.

## Data source

[World Bank](https://data.worldbank.org/indicator/SP.DYN.IMRT.IN) · Data downloaded on 06 February 2020.