Git Product home page Git Product logo

covid19graphs's Introduction

Covid-19 Statistics Shown in Data Dashboards Using Various Charting Libraries

This COVID-19 Mini Dashboard highlights countries across the globe have been affected by the COVID-19 pandemic and how those countries have responded to it.

UX and Features

  • As a user, I would like to gather information about testing availability in affected countries.

    • Row chart showing total tests available in specific countries, and tests available per thousand people in each country.
    • The chart is displayed in two separate tabs, allowing users to toggle between the two.
  • As a user, I would like to derive insights on how affected countries have flattened the curve.

    • SeriesChart displaying the number of new cases each day over the duration of January 2020 to April 2020.
    • Ability to filter on a specific date range with the RangeChart to get a closer look at a specific time frame.
  • As a user, I would like to see the total statistics around how many fatalities have been caused by COVID-19.

    • Statistics card showing total fatalities and percentage of global fatalities that the dashboard is currently displaying.
    • Percentage of Global Fatalities card displaying the percentage of fatalities the current filter(s) covers.
    • Total number of fatalities card also displaying the number of fatalities the current filter(s) covers.
  • As a user, I would like to see the countries with the highest number of cases and the lowest number of cases.

    • Table showing the top 15 and bottom 15 affected countries, ordered by case number. Total recoveries and total fatalities for these countries is also included.
    • Table showing the the top 15 and bottom 15 affected countries, ordered by cases per million people in that country. Total recoveries per million and total fatalities per million for these countries is also included.
    • Both tables presented in a single card, allowing the user to toggle between.
    • Ability to toggle between ascending and descending for both tables.
  • As a user, I would like to see how one country's case total over the current elapsed period of the pandemic compares to another country's case totals.

  • As a user, I would like to see how one country's death toll over the current elapsed period of the pandemic compares to another country's case totals.

    • The seriesChart shows each individual country's case and fatality data, allowing the user to compare one country against others.

Technologies

Deployment

  • This site is hosted on GitHub Pages, deployed from the Master Branch

Acknowledgements

Data Aquired from Our World In Data

CSV Used:

  • owid-covid-data.csv
For Educational Use Only

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.