Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/francescosaveriozuppichini/covid-19-map-storytelling
Covid-19 story told by maps
https://github.com/francescosaveriozuppichini/covid-19-map-storytelling
covid-19 full-stack javascript open-source
Last synced: 21 days ago
JSON representation
Covid-19 story told by maps
- Host: GitHub
- URL: https://github.com/francescosaveriozuppichini/covid-19-map-storytelling
- Owner: FrancescoSaverioZuppichini
- License: mit
- Created: 2020-02-25T09:22:35.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T14:28:32.000Z (about 2 years ago)
- Last Synced: 2024-12-02T19:12:06.549Z (about 1 month ago)
- Topics: covid-19, full-stack, javascript, open-source
- Language: JavaScript
- Homepage: https://covid-19-story.herokuapp.com/
- Size: 43.5 MB
- Stars: 2
- Watchers: 3
- Forks: 1
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# COVID-19-Map-Storytelling
https://covid-19-story.herokuapp.com/
A story told by maps
*By a Francesco Saverio Zuppichini and Riccardo Pisoni*
We decided to tell the story of the new pandemic known as *corona virus* using maps. When the data is available, you can click the button on the downright with the hazard icon to see all the cases on the story's date in the worldwide. To start reading, just scroll down.
**Behind each number there is a person**, remember it.
## Acknowledge
## Getting started
To start the app you need to start the server
```
cd ./server
npm install
npm start
```
The server will start on port `8080`. To change it:
```
PORT=3000 npm start
```
Now, the server will listen on port `3000`
## Contribution guideline
Contributions must be submitted using pull requests.
### Adding a chapter
Each chapter is contained in ./server/public/chapters. They are named in the following convention `.md`. This naming is totally made for simplicity so we are able to immediately identify which file we have to change for a date.
To link the chapters to the app you need to edit `./app/config.js` by adding a js-object (json) in the `chapters` list. This object must contain a field named `date` and a field `name`, used to distinguish between chapters on the same date. They are used to look for the file in the server. For example, let's create a file for `01-06-2020`. Create a file named `01-06-2020-0.md` in the `./server/public/chapters/` folder. Then the text should look something similar to:
```
//config.js
...
chapters : [
date: '01-06-2020',
name: '0',
// if no location is provided the map will not move
location: {
longitude: 114.275273,
latitude: 30.66588,
zoom: 15,
pitch: 15,
bearing: 0
},
// you can show a marker
marker: {
longitude: 114.28039,
latitude: 30.66877
},
// duration of the fly animation in ms
duration: 3000,
// array of countries that will be highlited in red
countries: [ 'China']
]
```
## TODO
- [ ] Finish writing @Riccardo @Francesco
- [x] Deploy
- [x] Show all the correct countries names
- [x] Acknowledge @Riccardo