Website for tracking the coronavirus outbreak in Tokyo, Japan.
To get this project up and running on your machine, follow these steps.
- Start by cloning the repository.
git clone https://github.com/patilatharva/covid19tokyo.live.git
- Install the server to run it on local.
npm i -g http-server
- Run the server.
http-server
Files of dependencies such as bootstrap are stored locally, and do not need to be installed. Other dependencies are already listed on package-lock.json
.
-
There are two main html that are displayed:
index.html
: the Japanese versionen/index.html
: the English version of the site
-
The purpose of the js files are as follows:
js/translate.js
is used to translate the files to Japanese and English, respectively.js/index.js
is used to initialize all the data arrays used in the charts.js/summary.js
initalizes the "summary" card of the site.js/util.js
contains various methods used in creation of the map.js/news.js
fetches news data from the Tokyo government and displays them on the "News" card.js/charts
directory contains all the charts used in the site.
-
css/style.css
contains all the styling used for elements throughout the website. -
./data
stores some data used in the website in JSON format.cases.json
contains data of cases by ward.deaths.json
stores the count of deaths by day, starting from 01-24-20.discharged.json
stores the count of discharges by day, starting from 03-27-20.
-
./images
contains all the image assets used in the website. -
./assets
contains files of dependencies such as bootstrap.
The data used in this website has been gathered from:
- Press releases from the Bureau of Social Welfare and Public Health, Tokyo Metro. Govt.
- Tokyo Open Data
- Tokyo Metro. Gov. Official COVID-19 Information Site
- Bootstrap - Front end framework.
- Mapbox - Provides interactive maps to use in web applications.
- Chart.js - Open source JavaScript charting library.
This project is licensed under the MIT License. Please feel free to reuse the code, but we request that you include a link to covid19tokyo.live.
Special thanks to Mapbox and Google Cloud for supporting this website.