428 lines
38 KiB
HTML
428 lines
38 KiB
HTML
<!DOCTYPE html><html><head><title>Pennsylvania - United States | Covid-19</title><meta charset="utf8"><link rel="stylesheet" href="/bootstrap.css"><script src="/Chart.bundle.js"></script><style>table td {
|
|
vertical-align: middle !important;
|
|
}
|
|
th.sorted, td.sorted {
|
|
background-color: #e0eefd;
|
|
}
|
|
.table-sm {
|
|
font-size: 80%;
|
|
}
|
|
</style><script>function makeSparkline(id, data) {
|
|
const canvas = document.getElementById(id);
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14],
|
|
datasets: [{ data: data }],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function makeHeroChart(id, title, labels, totalDeaths, newDeaths) {
|
|
const canvas = document.getElementById(id);
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: labels,
|
|
datasets: [
|
|
{
|
|
label: 'Total Deaths',
|
|
data: totalDeaths,
|
|
fill: true,
|
|
borderColor: 'rgb(196, 64, 64)',
|
|
borderWidth: 1,
|
|
backgroundColor: 'rgba(196, 128, 128, 0.25)',
|
|
},
|
|
{
|
|
label: 'New Deaths',
|
|
data: newDeaths,
|
|
fill: true,
|
|
borderColor: 'rgb(64, 64, 64)',
|
|
borderWidth: 1,
|
|
backgroundColor: 'rgba(128, 128, 128, 0.75)',
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
title: {
|
|
display: true,
|
|
position: 'top',
|
|
text: title,
|
|
},
|
|
tooltips: {
|
|
intersect: false,
|
|
position: 'nearest',
|
|
axis: 'x',
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: true,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: true,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}</script></head><body><div class="container"><h1>Covid-19 Data</h1><p class="text-muted"><em>Data from <a href="https://github.com/CSSEGISandData/COVID-19">Johns Hopkins CSSE</a>.
|
|
This page generated from latest data as of 2020-04-27T15:51:55.353Z.
|
|
</em></p><div class="main-content"><h2><a class="float-right" href="/countries/united-states.html" style="font-size: 50%">◀ United States</a>Pennsylvania - United States</h2><div class="card mb-4"><div class="card-body"><canvas class="mx-auto" id="main-chart" width="800" height="450"></canvas><script>makeHeroChart(
|
|
'main-chart',
|
|
"Pennsylvania",
|
|
["2020-01-22","2020-01-23","2020-01-24","2020-01-25","2020-01-26","2020-01-27","2020-01-28","2020-01-29","2020-01-30","2020-01-31","2020-02-01","2020-02-02","2020-02-03","2020-02-04","2020-02-05","2020-02-06","2020-02-07","2020-02-08","2020-02-09","2020-02-10","2020-02-11","2020-02-12","2020-02-13","2020-02-14","2020-02-15","2020-02-16","2020-02-17","2020-02-18","2020-02-19","2020-02-20","2020-02-21","2020-02-22","2020-02-23","2020-02-24","2020-02-25","2020-02-26","2020-02-27","2020-02-28","2020-02-29","2020-03-01","2020-03-02","2020-03-03","2020-03-04","2020-03-05","2020-03-06","2020-03-07","2020-03-08","2020-03-09","2020-03-10","2020-03-11","2020-03-12","2020-03-13","2020-03-14","2020-03-15","2020-03-16","2020-03-17","2020-03-18","2020-03-19","2020-03-20","2020-03-21","2020-03-22","2020-03-23","2020-03-24","2020-03-25","2020-03-26","2020-03-27","2020-03-28","2020-03-29","2020-03-30","2020-03-31","2020-04-01","2020-04-02","2020-04-03","2020-04-04","2020-04-05","2020-04-06","2020-04-07","2020-04-08","2020-04-09","2020-04-10","2020-04-11","2020-04-12","2020-04-13","2020-04-14","2020-04-15","2020-04-16","2020-04-17","2020-04-18","2020-04-19","2020-04-20","2020-04-21","2020-04-22","2020-04-23","2020-04-24","2020-04-25","2020-04-26"],
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,2,4,6,8,15,18,22,34,41,50,63,74,90,102,136,151,179,247,318,345,418,503,557,589,691,779,841,921,1042,1276,1348,1614,1673,1724,1747,1793,1816],
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,1,2,2,2,7,3,4,12,7,9,13,11,16,12,34,15,28,68,71,27,73,85,54,32,102,88,62,80,121,234,72,266,59,51,23,46,23],
|
|
);
|
|
</script></div></div><div class="table-responsive" id="table"><table class="table table-sm table-hover"><thead><tr><th>#</th><th data-col="name"><div class="d-inline-flex"><span class="sortables mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:name:asc">▲</a><a href="#sort:name:desc">▼</a></span><span>County/Region</span></div></th><th class="text-center" data-col="total"><div class="d-inline-flex"><span class="sortables mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:total:asc">▲</a><a href="#sort:total:desc">▼</a></span><span>Deaths</span></div></th><th class="text-center sorted" data-col="yesterday"><div class="d-inline-flex"><span class="sortables mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:yesterday:asc">▲</a><a href="#sort:yesterday:desc">▼</a></span><span>…since yesterday</span></div></th><th class="text-center" data-col="week"><div class="d-inline-flex"><span class="sortables mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:week:asc">▲</a><a href="#sort:week:desc">▼</a></span><span>…since last week</span></div></th><th class="text-center" data-col="month"><div class="d-inline-flex"><span class="sortables mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:month:asc">▲</a><a href="#sort:month:desc">▼</a></span><span>…month-to-date</span></div></th><th>Last 14 days</th></tr></thead><tbody><tr id="row-philadelphia" data-name="Philadelphia" data-total="472" data-yesterday="23" data-week="102" data-month="462"><td class="sort-order">1</td><td>Philadelphia</td><td class="text-right">472</td><td class="text-right sorted">23</td><td class="text-right">102</td><td class="text-right">462</td><td><canvas id="sparkline-0" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-0",
|
|
[190,206,222,264,298,342,365,370,394,394,443,449,449,472],
|
|
);</script></td></tr><tr id="row-montgomery" data-name="Montgomery" data-total="217" data-yesterday="3" data-week="33" data-month="211"><td class="sort-order">2</td><td>Montgomery</td><td class="text-right">217</td><td class="text-right sorted">3</td><td class="text-right">33</td><td class="text-right">211</td><td><canvas id="sparkline-1" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-1",
|
|
[65,76,82,89,97,106,164,184,223,230,230,208,214,217],
|
|
);</script></td></tr><tr id="row-monroe" data-name="Monroe" data-total="45" data-yesterday="1" data-week="6" data-month="38"><td class="sort-order">3</td><td>Monroe</td><td class="text-right">45</td><td class="text-right sorted">1</td><td class="text-right">6</td><td class="text-right">38</td><td><canvas id="sparkline-2" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-2",
|
|
[24,27,28,29,29,34,38,39,46,48,48,48,44,45],
|
|
);</script></td></tr><tr id="row-luzerne" data-name="Luzerne" data-total="67" data-yesterday="1" data-week="31" data-month="63"><td class="sort-order">4</td><td>Luzerne</td><td class="text-right">67</td><td class="text-right sorted">1</td><td class="text-right">31</td><td class="text-right">63</td><td><canvas id="sparkline-3" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-3",
|
|
[21,26,27,28,31,32,34,36,50,60,60,62,66,67],
|
|
);</script></td></tr><tr id="row-lehigh" data-name="Lehigh" data-total="51" data-yesterday="1" data-week="18" data-month="47"><td class="sort-order">5</td><td>Lehigh</td><td class="text-right">51</td><td class="text-right sorted">1</td><td class="text-right">18</td><td class="text-right">47</td><td><canvas id="sparkline-4" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-4",
|
|
[19,23,25,28,29,29,32,33,49,49,49,49,50,51],
|
|
);</script></td></tr><tr id="row-lancaster" data-name="Lancaster" data-total="140" data-yesterday="1" data-week="39" data-month="137"><td class="sort-order">6</td><td>Lancaster</td><td class="text-right">140</td><td class="text-right sorted">1</td><td class="text-right">39</td><td class="text-right">137</td><td><canvas id="sparkline-5" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-5",
|
|
[24,56,69,33,35,36,98,101,107,107,107,107,139,140],
|
|
);</script></td></tr><tr id="row-delaware" data-name="Delaware" data-total="141" data-yesterday="1" data-week="41" data-month="136"><td class="sort-order">7</td><td>Delaware</td><td class="text-right">141</td><td class="text-right sorted">1</td><td class="text-right">41</td><td class="text-right">136</td><td><canvas id="sparkline-6" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-6",
|
|
[41,46,60,71,73,77,91,100,118,123,123,129,140,141],
|
|
);</script></td></tr><tr id="row-unassigned" data-name="Unassigned" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">8</td><td>Unassigned</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-7" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-7",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-out-of-pa" data-name="Out of PA" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">9</td><td>Out of PA</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-8" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-8",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-york" data-name="York" data-total="8" data-yesterday="0" data-week="2" data-month="8"><td class="sort-order">10</td><td>York</td><td class="text-right">8</td><td class="text-right sorted">0</td><td class="text-right">2</td><td class="text-right">8</td><td><canvas id="sparkline-9" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-9",
|
|
[3,3,4,4,4,4,6,6,13,14,14,14,8,8],
|
|
);</script></td></tr><tr id="row-wyoming" data-name="Wyoming" data-total="2" data-yesterday="0" data-week="1" data-month="2"><td class="sort-order">11</td><td>Wyoming</td><td class="text-right">2</td><td class="text-right sorted">0</td><td class="text-right">1</td><td class="text-right">2</td><td><canvas id="sparkline-10" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-10",
|
|
[0,0,0,1,1,1,1,1,1,1,1,2,2,2],
|
|
);</script></td></tr><tr id="row-westmoreland" data-name="Westmoreland" data-total="19" data-yesterday="0" data-week="3" data-month="19"><td class="sort-order">12</td><td>Westmoreland</td><td class="text-right">19</td><td class="text-right sorted">0</td><td class="text-right">3</td><td class="text-right">19</td><td><canvas id="sparkline-11" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-11",
|
|
[6,6,11,13,13,13,16,16,20,20,20,20,19,19],
|
|
);</script></td></tr><tr id="row-wayne" data-name="Wayne" data-total="3" data-yesterday="0" data-week="0" data-month="3"><td class="sort-order">13</td><td>Wayne</td><td class="text-right">3</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">3</td><td><canvas id="sparkline-12" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-12",
|
|
[0,1,2,2,2,2,3,3,3,3,3,3,3,3],
|
|
);</script></td></tr><tr id="row-washington" data-name="Washington" data-total="2" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">14</td><td>Washington</td><td class="text-right">2</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-13" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-13",
|
|
[0,1,1,1,1,2,2,2,2,2,2,2,2,2],
|
|
);</script></td></tr><tr id="row-warren" data-name="Warren" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">15</td><td>Warren</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-14" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-14",
|
|
[0,0,0,0,0,0,0,0,1,1,1,1,0,0],
|
|
);</script></td></tr><tr id="row-venango" data-name="Venango" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">16</td><td>Venango</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-15" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-15",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-union" data-name="Union" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">17</td><td>Union</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-16" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-16",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-tioga" data-name="Tioga" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">18</td><td>Tioga</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-17" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-17",
|
|
[1,1,1,1,1,1,1,1,2,2,2,2,1,1],
|
|
);</script></td></tr><tr id="row-susquehanna" data-name="Susquehanna" data-total="4" data-yesterday="0" data-week="0" data-month="4"><td class="sort-order">19</td><td>Susquehanna</td><td class="text-right">4</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">4</td><td><canvas id="sparkline-18" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-18",
|
|
[1,1,1,1,1,1,3,4,4,4,4,4,4,4],
|
|
);</script></td></tr><tr id="row-sullivan" data-name="Sullivan" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">20</td><td>Sullivan</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-19" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-19",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-somerset" data-name="Somerset" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">21</td><td>Somerset</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-20" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-20",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-snyder" data-name="Snyder" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">22</td><td>Snyder</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-21" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-21",
|
|
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
);</script></td></tr><tr id="row-schuylkill" data-name="Schuylkill" data-total="5" data-yesterday="0" data-week="0" data-month="5"><td class="sort-order">23</td><td>Schuylkill</td><td class="text-right">5</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">5</td><td><canvas id="sparkline-22" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-22",
|
|
[2,2,3,4,4,5,5,5,7,7,5,5,5,5],
|
|
);</script></td></tr><tr id="row-potter" data-name="Potter" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">24</td><td>Potter</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-23" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-23",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-pike" data-name="Pike" data-total="12" data-yesterday="0" data-week="3" data-month="11"><td class="sort-order">25</td><td>Pike</td><td class="text-right">12</td><td class="text-right sorted">0</td><td class="text-right">3</td><td class="text-right">11</td><td><canvas id="sparkline-24" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-24",
|
|
[6,6,7,7,8,8,8,9,12,12,12,12,12,12],
|
|
);</script></td></tr><tr id="row-perry" data-name="Perry" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">26</td><td>Perry</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-25" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-25",
|
|
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
);</script></td></tr><tr id="row-northumberland" data-name="Northumberland" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">27</td><td>Northumberland</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-26" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-26",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-northampton" data-name="Northampton" data-total="49" data-yesterday="0" data-week="13" data-month="44"><td class="sort-order">28</td><td>Northampton</td><td class="text-right">49</td><td class="text-right sorted">0</td><td class="text-right">13</td><td class="text-right">44</td><td><canvas id="sparkline-27" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-27",
|
|
[23,25,25,25,27,29,36,36,43,44,45,46,49,49],
|
|
);</script></td></tr><tr id="row-montour" data-name="Montour" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">29</td><td>Montour</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-28" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-28",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-mifflin" data-name="Mifflin" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">30</td><td>Mifflin</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-29" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-29",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-mercer" data-name="Mercer" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">31</td><td>Mercer</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-30" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-30",
|
|
[0,0,0,0,1,1,1,1,1,1,1,1,1,1],
|
|
);</script></td></tr><tr id="row-mckean" data-name="McKean" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">32</td><td>McKean</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-31" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-31",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-lycoming" data-name="Lycoming" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">33</td><td>Lycoming</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-32" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-32",
|
|
[0,0,0,0,0,0,0,0,2,2,2,2,0,0],
|
|
);</script></td></tr><tr id="row-lebanon" data-name="Lebanon" data-total="7" data-yesterday="0" data-week="2" data-month="7"><td class="sort-order">34</td><td>Lebanon</td><td class="text-right">7</td><td class="text-right sorted">0</td><td class="text-right">2</td><td class="text-right">7</td><td><canvas id="sparkline-33" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-33",
|
|
[2,2,2,2,2,4,4,5,8,8,8,8,7,7],
|
|
);</script></td></tr><tr id="row-lawrence" data-name="Lawrence" data-total="5" data-yesterday="0" data-week="0" data-month="3"><td class="sort-order">35</td><td>Lawrence</td><td class="text-right">5</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">3</td><td><canvas id="sparkline-34" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-34",
|
|
[4,4,5,5,5,5,5,5,6,6,5,5,5,5],
|
|
);</script></td></tr><tr id="row-lackawanna" data-name="Lackawanna" data-total="63" data-yesterday="0" data-week="22" data-month="60"><td class="sort-order">36</td><td>Lackawanna</td><td class="text-right">63</td><td class="text-right sorted">0</td><td class="text-right">22</td><td class="text-right">60</td><td><canvas id="sparkline-35" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-35",
|
|
[21,24,26,28,30,35,41,41,53,57,58,61,63,63],
|
|
);</script></td></tr><tr id="row-juniata" data-name="Juniata" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">37</td><td>Juniata</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-36" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-36",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-jefferson" data-name="Jefferson" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">38</td><td>Jefferson</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-37" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-37",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-indiana" data-name="Indiana" data-total="4" data-yesterday="0" data-week="0" data-month="4"><td class="sort-order">39</td><td>Indiana</td><td class="text-right">4</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">4</td><td><canvas id="sparkline-38" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-38",
|
|
[0,0,1,2,3,4,4,4,4,4,4,4,4,4],
|
|
);</script></td></tr><tr id="row-huntingdon" data-name="Huntingdon" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">40</td><td>Huntingdon</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-39" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-39",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-greene" data-name="Greene" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">41</td><td>Greene</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-40" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-40",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-fulton" data-name="Fulton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">42</td><td>Fulton</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-41" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-41",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-forest" data-name="Forest" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">43</td><td>Forest</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-42" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-42",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-fayette" data-name="Fayette" data-total="4" data-yesterday="0" data-week="1" data-month="4"><td class="sort-order">44</td><td>Fayette</td><td class="text-right">4</td><td class="text-right sorted">0</td><td class="text-right">1</td><td class="text-right">4</td><td><canvas id="sparkline-43" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-43",
|
|
[3,3,3,3,3,3,3,3,3,3,3,4,4,4],
|
|
);</script></td></tr><tr id="row-erie" data-name="Erie" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">45</td><td>Erie</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-44" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-44",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-elk" data-name="Elk" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">46</td><td>Elk</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-45" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-45",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-dauphin" data-name="Dauphin" data-total="18" data-yesterday="0" data-week="9" data-month="17"><td class="sort-order">47</td><td>Dauphin</td><td class="text-right">18</td><td class="text-right sorted">0</td><td class="text-right">9</td><td class="text-right">17</td><td><canvas id="sparkline-46" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-46",
|
|
[4,5,5,7,7,9,9,9,11,13,16,19,18,18],
|
|
);</script></td></tr><tr id="row-cumberland" data-name="Cumberland" data-total="8" data-yesterday="0" data-week="4" data-month="7"><td class="sort-order">48</td><td>Cumberland</td><td class="text-right">8</td><td class="text-right sorted">0</td><td class="text-right">4</td><td class="text-right">7</td><td><canvas id="sparkline-47" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-47",
|
|
[3,4,4,4,4,4,4,4,6,6,7,8,8,8],
|
|
);</script></td></tr><tr id="row-crawford" data-name="Crawford" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">49</td><td>Crawford</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-48" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-48",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-columbia" data-name="Columbia" data-total="7" data-yesterday="0" data-week="0" data-month="7"><td class="sort-order">50</td><td>Columbia</td><td class="text-right">7</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">7</td><td><canvas id="sparkline-49" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-49",
|
|
[3,3,3,3,3,4,6,7,8,8,7,7,7,7],
|
|
);</script></td></tr><tr id="row-clinton" data-name="Clinton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">51</td><td>Clinton</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-50" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-50",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-clearfield" data-name="Clearfield" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">52</td><td>Clearfield</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-51" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-51",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-clarion" data-name="Clarion" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">53</td><td>Clarion</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-52" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-52",
|
|
[0,0,0,0,0,1,1,1,1,1,1,1,1,1],
|
|
);</script></td></tr><tr id="row-chester" data-name="Chester" data-total="82" data-yesterday="0" data-week="38" data-month="81"><td class="sort-order">54</td><td>Chester</td><td class="text-right">82</td><td class="text-right sorted">0</td><td class="text-right">38</td><td class="text-right">81</td><td><canvas id="sparkline-53" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-53",
|
|
[17,20,25,26,30,36,42,44,65,67,67,77,82,82],
|
|
);</script></td></tr><tr id="row-centre" data-name="Centre" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">55</td><td>Centre</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-54" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-54",
|
|
[0,0,0,0,1,1,1,1,2,2,2,2,1,1],
|
|
);</script></td></tr><tr id="row-carbon" data-name="Carbon" data-total="12" data-yesterday="0" data-week="3" data-month="11"><td class="sort-order">56</td><td>Carbon</td><td class="text-right">12</td><td class="text-right sorted">0</td><td class="text-right">3</td><td class="text-right">11</td><td><canvas id="sparkline-55" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-55",
|
|
[3,3,6,6,7,8,8,9,11,11,11,12,12,12],
|
|
);</script></td></tr><tr id="row-cameron" data-name="Cameron" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">57</td><td>Cameron</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-56" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-56",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-cambria" data-name="Cambria" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">58</td><td>Cambria</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-57" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-57",
|
|
[1,1,1,1,1,1,1,1,2,2,2,2,1,1],
|
|
);</script></td></tr><tr id="row-butler" data-name="Butler" data-total="6" data-yesterday="0" data-week="1" data-month="4"><td class="sort-order">59</td><td>Butler</td><td class="text-right">6</td><td class="text-right sorted">0</td><td class="text-right">1</td><td class="text-right">4</td><td><canvas id="sparkline-58" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-58",
|
|
[4,5,5,5,5,5,5,5,6,7,6,6,6,6],
|
|
);</script></td></tr><tr id="row-bucks" data-name="Bucks" data-total="141" data-yesterday="0" data-week="51" data-month="138"><td class="sort-order">60</td><td>Bucks</td><td class="text-right">141</td><td class="text-right sorted">0</td><td class="text-right">51</td><td class="text-right">138</td><td><canvas id="sparkline-59" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-59",
|
|
[38,41,52,60,67,75,84,90,116,126,126,135,141,141],
|
|
);</script></td></tr><tr id="row-bradford" data-name="Bradford" data-total="2" data-yesterday="0" data-week="1" data-month="2"><td class="sort-order">61</td><td>Bradford</td><td class="text-right">2</td><td class="text-right sorted">0</td><td class="text-right">1</td><td class="text-right">2</td><td><canvas id="sparkline-60" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-60",
|
|
[0,0,0,0,0,0,1,1,5,5,5,5,2,2],
|
|
);</script></td></tr><tr id="row-blair" data-name="Blair" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">62</td><td>Blair</td><td class="text-right">0</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-61" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-61",
|
|
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
);</script></td></tr><tr id="row-berks" data-name="Berks" data-total="88" data-yesterday="0" data-week="14" data-month="88"><td class="sort-order">63</td><td>Berks</td><td class="text-right">88</td><td class="text-right sorted">0</td><td class="text-right">14</td><td class="text-right">88</td><td><canvas id="sparkline-62" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-62",
|
|
[21,27,28,31,34,40,65,74,82,85,86,87,88,88],
|
|
);</script></td></tr><tr id="row-bedford" data-name="Bedford" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">64</td><td>Bedford</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-63" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-63",
|
|
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
);</script></td></tr><tr id="row-beaver" data-name="Beaver" data-total="46" data-yesterday="0" data-week="10" data-month="45"><td class="sort-order">65</td><td>Beaver</td><td class="text-right">46</td><td class="text-right sorted">0</td><td class="text-right">10</td><td class="text-right">45</td><td><canvas id="sparkline-64" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-64",
|
|
[13,14,14,14,15,31,32,36,43,47,47,47,46,46],
|
|
);</script></td></tr><tr id="row-armstrong" data-name="Armstrong" data-total="2" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">66</td><td>Armstrong</td><td class="text-right">2</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-65" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-65",
|
|
[1,1,1,1,2,2,2,2,2,2,2,2,2,2],
|
|
);</script></td></tr><tr id="row-allegheny" data-name="Allegheny" data-total="73" data-yesterday="0" data-week="18" data-month="71"><td class="sort-order">67</td><td>Allegheny</td><td class="text-right">73</td><td class="text-right sorted">0</td><td class="text-right">18</td><td class="text-right">71</td><td><canvas id="sparkline-66" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-66",
|
|
[21,24,26,38,43,47,50,55,67,74,74,74,73,73],
|
|
);</script></td></tr><tr id="row-adams" data-name="Adams" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">68</td><td>Adams</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-67" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-67",
|
|
[1,1,1,1,1,1,1,1,2,2,2,2,1,1],
|
|
);</script></td></tr><tr id="row-franklin" data-name="Franklin" data-total="2" data-yesterday="-8" data-week="2" data-month="2"><td class="sort-order">69</td><td>Franklin</td><td class="text-right">2</td><td class="text-right sorted">-8</td><td class="text-right">2</td><td class="text-right">2</td><td><canvas id="sparkline-68" width="200" height="50"></canvas><script>makeSparkline(
|
|
"sparkline-68",
|
|
[0,0,0,0,0,0,0,0,10,10,10,10,10,2],
|
|
);</script></td></tr></tbody></table></div></div></div><script>(function() {
|
|
const table = document.getElementById('table');
|
|
const headerRow = table.querySelector('thead tr');
|
|
const headers = [].slice.call(headerRow.querySelectorAll('th'));
|
|
const tbody = table.querySelector('tbody');
|
|
const allRows = [].slice.call(tbody.querySelectorAll('tbody tr'));
|
|
|
|
const resortTable = (col) => {
|
|
let nextChild = null;
|
|
const highlightedIndex = headers.findIndex(cell => cell.getAttribute('data-col') === col);
|
|
console.log(col, highlightedIndex);
|
|
headers.forEach((cell, i) => {
|
|
if (i !== highlightedIndex) {
|
|
cell.classList.remove('sorted');
|
|
} else {
|
|
cell.classList.add('sorted');
|
|
}
|
|
});
|
|
|
|
for (let i = allRows.length - 1; i >= 0; i--) {
|
|
const row = allRows[i];
|
|
if (!row) {
|
|
continue;
|
|
}
|
|
const cells = [].slice.call(row.querySelectorAll('td'));
|
|
cells.forEach((cell, i) => {
|
|
if (i !== highlightedIndex) {
|
|
cell.classList.remove('sorted');
|
|
} else {
|
|
cell.classList.add('sorted');
|
|
}
|
|
});
|
|
if (row === nextChild) {
|
|
continue;
|
|
}
|
|
|
|
tbody.insertBefore(row, nextChild);
|
|
row.querySelector('.sort-order').textContent = (i + 1).toString();
|
|
nextChild = row;
|
|
}
|
|
};
|
|
|
|
const handleSort = (value, dir) => {
|
|
const newSortDir = dir === 'desc' ? 'desc' : 'asc';
|
|
const sortByNumberThenName = (attr) => {
|
|
allRows.sort((a, b) => {
|
|
const aValue = Number(a.getAttribute('data-' + attr));
|
|
const bValue = Number(b.getAttribute('data-' + attr));
|
|
if (aValue === bValue) {
|
|
const aName = a.getAttribute('data-name');
|
|
const bName = b.getAttribute('data-name');
|
|
return aName && bName ? aName.localeCompare(bName) : 0;
|
|
}
|
|
|
|
return aValue < bValue ?
|
|
(newSortDir === 'asc' ? -1 : 1) :
|
|
(newSortDir === 'asc' ? 1 : -1);
|
|
});
|
|
resortTable(value);
|
|
};
|
|
|
|
switch (value) {
|
|
case 'name':
|
|
allRows.sort((a, b) => {
|
|
const aName = a.getAttribute('data-name');
|
|
const bName = b.getAttribute('data-name');
|
|
if (!aName || !bName) {
|
|
return -1;
|
|
}
|
|
if (newSortDir === 'asc') {
|
|
return aName.localeCompare(bName);
|
|
}
|
|
|
|
return bName.localeCompare(aName);
|
|
});
|
|
resortTable('name');
|
|
break;
|
|
case 'total':
|
|
sortByNumberThenName('total');
|
|
break;
|
|
case 'yesterday':
|
|
sortByNumberThenName('yesterday');
|
|
break;
|
|
case 'week':
|
|
sortByNumberThenName('week');
|
|
break;
|
|
case 'month':
|
|
sortByNumberThenName('month');
|
|
break;
|
|
}
|
|
};
|
|
|
|
const handleHash = (hash) => {
|
|
const sortValue = hash.replace(/^#sort:/, '').split(':');
|
|
handleSort(sortValue[0], sortValue[1]);
|
|
};
|
|
|
|
window.addEventListener('hashchange', () => {
|
|
handleHash(window.location.hash);
|
|
});
|
|
|
|
handleHash(window.location.hash);
|
|
}());</script></body></html> |