Live Coronavirus (COVID-19) Statistics Widget - Covid19stats.js
File Size: | 117 KB |
---|---|
Views Total: | 4727 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
![Live Coronavirus (COVID-19) Statistics Widget - Covid19stats.js](https://www.jqueryscript.net/images/covid-19-statistics.jpg)
Covid19stats.js is a jQuery plugin to create a coronavirus (COVID-19, SARS-CoV-2) statistics widget that fetches data from coronavirus-tracker-api and displays confirmed cases, deaths, and recovered patients by country.
How to use it:
1. Load the covid19.css
for the basic styling of the widget.
<link href="dist/css/covid19.css" rel="stylesheet" />
2. Create a container to hold the widget.
<div id="covid-widget"></div>
3. Load the covid19stats.js
after loading jQuery library.
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/dist/js/covid19stats.js"></script>
4. Initialize the plugin on the container element you just created and determine the ISO Country Code to filter coronavirus (COVID-19, SARS-CoV-2) statistics data by country.
$.covid19stats({ element: "#covid-widget", countryCode: "IT" });
5. Determine whether to show confirmed cases, deaths, and recovered patients. Default: true.
$.covid19stats({ element: "#covid-widget", countryCode: "IT", showCases: true, showDeaths: false, showRecovered: true });
6. Determine whether to show a Coronavirus image in the widget. Default: true.
$.covid19stats({ element: "#covid-widget", countryCode: "IT", showImg: false });
7. Determine whether to show the 'Covid19 Stats' label. Default: true.
$.covid19stats({ element: "#covid-widget", countryCode: "IT", showRightLabel: false });
This awesome jQuery plugin is developed by fraxool. For more Advanced Usages, please check the demo page or visit the official website.