Coronavirus Tracker per State and County
This feature is currently unavailable
Step 1. Open Covid-19 Script on GitHub and fork the repository. You may need to create a GitHub account if you don't already have one.
Step 2. After creating the fork, please submit the State and County Request to let us know about your fork and we'll send you the instructions for the latest version with State and County included.
Enable Dark Mode:
Dark Mode is a premium feature, please follow instructions on how to enable it
Step 1. Open Covid-19 Script on GitHub and fork the repository. You may need to create a GitHub account if you don't already have one.
Step 2. After creating the fork, please submit the Dark Mode Request to let us know about your fork and we'll send you the instructions for the latest version with Dark Mode included.
See Dark Mode in action at Covid-19 Script Demo:
Live Coronavirus Dashboard with statistics, map, chart, table, cards and search for covering and tracking the global COVID-19 pandemic.
Pure Bootstrap 4, fully responsive, speed optimized with easy-translate.
Data Source: displaying latest information with coronavirus updates from around the world, using live data from the Coronavirus API.
Coronavirus Update. Live coronavirus updates and statistics with historical data, map, chart, graph. Coronavirus (COVID-19) live updates and historical data including Day, Week, Month, Year, Change per Day, Difference, Summary. Total Cases, Active, Deaths, Recovered, Tested and Critical. World Regions by Country. Corona virus live updates via COVID-19 API.
Coronavirus Tracker HTML/JS example:
<!DOCTYPE html>
<html lang=en>
<head>
<title>Coronavirus App Example</title>
<link href="https://quarantine.country/public/assets/css/bootstrap.min.css" rel="stylesheet">
<link href="https://quarantine.country/public/assets/css/covid-19-demo.css" rel="stylesheet">
</head>
<body>
<div class="container mt-4 pt-4">
<div class="row">
<div class="col-10 offset-1">
<div class="card">
<div class="card-header">
COVID-19 App Demo
</div>
<div class="card-body">
<h2 class="display-6">Coronavirus Cases in <span data-var-placeholder="country"></span></h2>
<p class="small text-muted">LIVE UPDATE</p>
<div class="data">
<!--total cases-->
<div class="d-inline qc_data-cases qc_data-cases-all">
<button class="btn btn-danger fixwidth">
<strong data-country-placeholder="total_cases">0</strong>
</button>
</div>
<div class="d-inline qc_data-cases qc_data-cases-text pl-1 pl-sm-2">
<span class="text-muted small">Confirmed cases in the
<span data-var-placeholder="country"></span>
</span>
</div>
<hr />
<!--active-->
<div class="d-inline qc_data-cases qc_data-cases-all">
<button class="btn btn-warning fixwidth">
<strong data-country-placeholder="active_cases">0</strong>
</button>
</div>
<div class="d-inline qc_data-cases qc_data-cases-text pl-1 pl-sm-2">
<span class="text-muted small">Active cases in the
<span data-var-placeholder="country"></span>
</span>
</div>
<hr />
<!--recovered-->
<div class="d-inline qc_data-cases qc_data-cases-all">
<button class="btn btn-success fixwidth">
<strong data-country-placeholder="recovered">0</strong>
</button>
</div>
<div class="d-inline qc_data-cases qc_data-cases-text pl-1 pl-sm-2">
<span class="text-muted small">Recoveding cases in the
<span data-var-placeholder="country"></span>
</span>
</div>
<hr />
<!--deaths-->
<div class="d-inline qc_data-cases qc_data-cases-all">
<button class="btn btn-secondary fixwidth">
<strong data-country-placeholder="deaths">0</strong>
</button>
</div>
<div class="d-inline qc_data-cases qc_data-cases-text pl-1 pl-sm-2">
<span class="text-muted small">Death cases in the
<span data-var-placeholder="country"></span>
</span>
</div>
<hr />
</div>
</div>
<div class="card-footer text-muted small">
❯ More demos at <a class="text-muted" href="https://quarantine.country">Coronavirus Dashboard</a> ⚙ Build even more with <a class="text-muted" href="https://github.com/Yatko/Coronavirus-API">Coronavirus API</a>
</div>
</div>
<!--/card-->
</div>
</div>
</div>
<script src="tracker.js" type="text/javascript"></script>
</body>
</html>
/*
Available Spots and Summary:
Total Cases, Active Cases, Deaths, Recovered, Tested, Critical, Change Ratio %, Summary
Historical data:
Day, Week, Month, Year, Change per Day, Difference, Summary
Regions:
World, Regions and Countries
Read documentation for more functionality - https://rapidapi.com/Yatko/api/coronavirus-live
See all available countries - https://api.quarantine.country/api/v1/summary/latest
*/
var countryFeedKey = 'usa'; //try china, spain, italy, etc.
var countryName = 'USA'; //try 中国, España, Italia, etc.
function ready(cb) {
if( document.readyState !== 'loading' ) {
cb();
} else {
document.addEventListener('DOMContentLoaded', function () {
cb();
});
}
}
function fetchData(url) {
return fetch(url)
.then(function(response) {
if(response.ok) {
return response.json();
}
})
.then(function(payload) {
return payload['data'] || {};
});
}
function formatNumber(number, precision, separate, separator, comma) {
if(!number) {
return '';
}
var re = '\\d(?=(\\d{' + (separate || 3) + '})+' + (precision > 0 ? '\\D' : '$') + ')',
num = number.toFixed(Math.max(0, ~~precision));
return (coma ? num.replace('.', comma) : num).replace(new RegExp(re, 'g'), '$&' + (separator || ','));
};
function fillPlaceholders(data) {
var i;
var varEl = document.querySelectorAll('[data-var-placeholder]');
for(i = 0; i < varEl.length; i++) {
var placeholder = varEl[i].getAttribute('data-var-placeholder');
if(placeholder && placeholder != '') {
switch(placeholder) {
case 'country':
varEl[i].innerText = countryName;
break;
}
}
}
var countryPlaceholderEl = document.querySelectorAll('[data-country-placeholder]');
for(i = 0; i < countryPlaceholderEl.length; i++) {
var placeholder = countryPlaceholderEl[i].getAttribute('data-country-placeholder');
if(placeholder && placeholder != '' && data['summary'][placeholder]) {
countryPlaceholderEl[i].innerText = parseInt(data['summary'][placeholder]).toLocaleString();
}
}
}
ready(
function() {
var url = 'https://api.quarantine.country/api/v1/summary/region?region=' + countryFeedKey;
fetchData(url)
.then(fillPlaceholders);
setInterval(
function() {
fetchData(url)
.then(fillPlaceholders);
},
10000
);
}
);
@chriskrol apply trough your iPhone via the Wallet app:
Apple Card is currently available to users invited to Apple Card Preview and the early access invitation is nontransferable. If you received the invitation via email “You're invited to get Apple Card starting today”, tap the “Apply Now” button under “Apply for Apple Card in the Wallet app.”
Apple Card Limits - What's the approval rate and what's the Credit Limit, APR?
Apple started sending early access e-mail invitations for their new Apple Card (Apple, Goldman Sachs Credit Card):
Starting today, we’re giving you early access so you can help us get ready for the public launch. Which means you’ll experience Apple Card before everybody else.
Apply now and start using your Apple Card in minutes:
Followed the instructions trough Apple Wallet and in few minutes I had my new Apple Card:
The details:
Credit limit $6500 with 17.08% APR.
Guess many iOS developers and iPhone owners will apply for the new card, and curious, what the standard credit limit would be.
@syria this feature is currently restricted by Facebook, until apps are reviewed. Expected to be available again, by August 1.
@usama-hashmi Facebook only allows 720p for its live streaming platform about screencasting, we’ll allow it very soon, still trying to figure out how to avoid policy violations like streaming movies, music, copyrighted material.