Author: Bocaletto Luca
License: GNU GPL v3
COVID-19 Tracker is a responsive web application that delivers up-to-date statistics on COVID-19 cases at both a global and regional level. Leveraging the disease.sh API, the app shows key metrics such as total cases, deaths, recoveries, active cases, and critical cases. It enhances data presentation with an interactive bar chart powered by Chart.js for an intuitive visualization experience.
-
Global Statistics:
View worldwide data—displayed in a clean card layout—that includes total cases, deaths, recoveries, active cases, and critical cases, along with the latest update time. -
Regional Insights:
Use an interactive dropdown to select a country and instantly access detailed regional COVID-19 statistics—complete with today’s new cases and deaths. -
Dynamic Charting:
A responsive Chart.js bar chart graphically represents key global metrics, making large datasets easier to understand at a glance. -
Data Refresh:
Refresh both global and regional data on demand with dedicated buttons, ensuring the information stays current.
-
Data Fetching:
Upon load, the application retrieves global COVID-19 data fromhttps://disease.sh/v3/covid-19/all
and country-specific data fromhttps://disease.sh/v3/covid-19/countries
. -
Display & Visualization:
Global data is presented via informative stat cards and a bar chart, while regional data is shown dynamically when you select a country from the populated dropdown list. -
Interactivity:
The interface allows you to refresh data both globally and for the selected country, ensuring that the most accurate information is always displayed.
- Frontend: HTML5, CSS3, Vanilla JavaScript
- API: disease.sh API
- Charting Library: Chart.js
-
Clone or Download:
Obtain the source code from the repository. -
Open the Application:
Open theindex.html
file in your preferred web browser. -
Interact:
- The application automatically loads global COVID-19 statistics and populates the country selection dropdown.
- Click on Refresh Global Data to update global statistics.
- Select a country to view its detailed COVID-19 stats, and refresh the regional data when needed.
Contributions are highly encouraged! Please fork the repository, implement any improvements or fixes, and submit a pull request. For issues or suggestions, feel free to open an issue on the project's GitHub page.
This project is licensed under the GNU GPL v3 License.