项目作者: localeai

项目描述 :
Live visualization of novel corona virus (COVID19) outbreak
高级语言: Vue
项目地址: git://github.com/localeai/covid19-live-visualization.git
创建时间: 2020-03-07T07:09:53Z
项目社区:https://github.com/localeai/covid19-live-visualization

开源协议:MIT License

下载


COVID19 Visualization

All Contributors

Please note. The data used in the visualization is from an opensource project. We don’t guarantee accurate numbers, but we are trying our best to find a reliable source of data.

Project setup

  1. # Clone the project
  2. git clone https://github.com/localeai/covid19-live-visualization.git
  3. # Install dependencies
  4. npm install
  5. # start development server
  6. npm run serve
  7. # generate production build
  8. npm run build

Environment variables

Copy the .env.example file to .env and specify the mentioned variables.

  1. cp .env.example .env

variables

  • VUE_APP_MAPBOX_TOKEN : Mapbox API token. You can get one for yourself from here
  • VUE_APP_COVID_API_URL : API which gives the layers data to the webapp. Currently the layers are picked up from periodically generated file from GitHub Repo. Use the static data URL as the API URL.
    1. VUE_APP_COVID_API_URL=https://raw.githubusercontent.com/haxzie/covid19-layers-api/master/data/layers
  • VUE_APP_API_REPO_URL : The GitHub api url for the repo which holds the layers data. Used to pickup the last updated date from the latest commit to the repo. You can use the github api, along with the static repo URL
    1. VUE_APP_API_REPO_URL=https://api.github.com/repos/haxzie/covid19-layers-api

    Libraries Used

  • Vue.js
  • Deck.gl
  • MapboxGL.js
  • chroma.js

APIs Used (Thanks for the creators :heart: )

DataSources

Customize configuration

See Configuration Reference.

Contributors ✨

Thanks goes to these wonderful people (emoji key):







Musthaq Ahamad

🎨 💻

Rumaan Khalander

💻

This project follows the all-contributors specification. Contributions of any kind welcome!