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.
Files of dependencies such as bootstrap are stored locally, and do not need to be installed. Other dependencies are already listed on
There are two main html that are displayed:
index.html: the Japanese version
en/index.html: the English version of the site
The purpose of the js files are as follows:
js/translate.jsis used to translate the files to Japanese and English, respectively.
js/index.jsis used to initialize all the data arrays used in the charts.
js/summary.jsinitalizes the "summary" card of the site.
js/util.jscontains various methods used in creation of the map.
js/news.jsfetches news data from the Tokyo government and displays them on the "News" card.
js/chartsdirectory contains all the charts used in the site.
css/style.csscontains all the styling used for elements throughout the website.
./datastores some data used in the website in JSON format.
cases.jsoncontains data of cases by ward.
deaths.jsonstores the count of deaths by day, starting from 01-24-20.
discharged.jsonstores the count of discharges by day, starting from 03-27-20.
./imagescontains all the image assets used in the website.
./assetscontains 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.
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.