arsho / COVID-19

Home Page:https://arshovon.com/apps/c19/

Repository from Github https://github.comarsho/COVID-19Repository from Github https://github.comarsho/COVID-19

COVID-19

A data visualization project to show current situation of COVID-19 worldwide. This application can be accessed from: https://arshovon.com/apps/c19/.

Features

  • Summary of worldwide status of COVID-19 specifying number of affected countries, total cases, total deaths and total recovered cases, total tests, total deaths per million, total cases per million, and total tests per million.
  • Sortable and instantly searchable data table of all countries.
  • World map of confirmed cases and top countries chart with most confirmed cases.
  • World map of death cases and top countries chart with most death cases.
  • World map of active cases and top countries chart with most active cases.
  • World map of recovered cases and top countries chart with most recovered cases.
  • View details of a specific country.
    • Summary information of the country.
    • Line charts for total confirmed cases, total death cases, total recovered cases, total vaccinations of the searched country.
    • Bar charts for daily confirmed cases, daily death cases, daily recovered cases, daily vaccinations of the searched country.

Dependencies

Installation

  • Clone the repository.
  • The required JS/CSS files will be loaded from relevant CDN. No need to download the above dependencies locally.

Demonstration

  • Summary of worldwide COVID-19 status

alt Summary of worldwide COVID-19 status

  • Sortable and instant searchable data table

alt Sortable and instant searchable data table

  • Worldmap of confirmed cases

alt Worldmap of recovered cases

  • Worldmap of death cases

alt Worldmap of recovered cases

  • Worldmap of active cases

alt Worldmap of recovered cases

  • Worldmap of recovered cases

alt Worldmap of recovered cases

  • Top countries with most recovered cases

alt top countries with most recovered cases

  • Search by country

alt Search by country

  • Day wise cases of a country (example: confirmed cases)

alt Day wise cases of a country

  • Mobile view

alt Mobile View

Support

Please open an issue for support.

Contributing

Please contribute using Github Flow. Create a branch, add commits, and open a pull request.

Git methods

  • To check local changes:
    git status -s
    
  • To fetch from upstream repository:
    git fetch
    
  • To reset local files to upstream repository master branch after fetching the changes:
    git reset --hard origin/master
    

Generate app folder for Hugo

  • Github actions workflow is added to generate an app folder which can be added to any Hugo project. The workflow file is available in .github/workflows/main.yml
  • For each push to master branch or pull request to master branch the c19 folder is updated.
  • Copy the c19 folder to any Hugo site's content folder.
  • After each push to master branch or pull request to master branch, update the local branch by:
    git fetch
    git reset --hard origin/master
    

References

Influenced by

About

https://arshovon.com/apps/c19/

License:MIT License


Languages

Language:HTML 63.9%Language:JavaScript 34.7%Language:CSS 1.4%