tmont/covid19
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
covid19/public/countries/united-states-missouri.html
tmont 11a867eca9 highlight sorted column
2020-04-27 08:54:26 -07:00

575 lines
58 KiB
HTML
Raw Blame History

<!DOCTYPE html><html><head><title>Missouri - 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:56.982Z.
</em></p><div class="main-content"><h2><a class="float-right" href="/countries/united-states.html" style="font-size: 50%">◀ United States</a>Missouri - 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',
"Missouri",
["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,3,3,3,4,7,8,9,9,10,13,13,15,18,22,25,33,44,47,65,86,93,99,116,118,123,149,153,169,184,197,199,200,224,238,252,272,281,283],
[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,2,0,0,1,3,1,1,0,1,3,0,2,3,4,3,8,11,3,18,21,7,6,17,2,5,26,4,16,15,13,2,1,24,14,14,20,9,2],
);
</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>&hellip;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>&hellip;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>&hellip;month-to-date</span></div></th><th>Last 14 days</th></tr></thead><tbody><tr id="row-washington" data-name="Washington" data-total="1" data-yesterday="1" data-week="1" data-month="1"><td class="sort-order">1</td><td>Washington</td><td class="text-right">1</td><td class="text-right sorted">1</td><td class="text-right">1</td><td class="text-right">1</td><td><canvas id="sparkline-0" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-0",
[0,0,0,0,0,0,0,0,0,0,0,0,0,1],
);</script></td></tr><tr id="row-clay" data-name="Clay" data-total="2" data-yesterday="1" data-week="1" data-month="2"><td class="sort-order">2</td><td>Clay</td><td class="text-right">2</td><td class="text-right sorted">1</td><td class="text-right">1</td><td class="text-right">2</td><td><canvas id="sparkline-1" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-1",
[2,2,2,2,1,1,1,1,1,1,1,1,1,2],
);</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">3</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-2" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-2",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-out-of-mo" data-name="Out of MO" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">4</td><td>Out of MO</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-3" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-3",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-kansas-city" data-name="Kansas City" data-total="15" data-yesterday="0" data-week="2" data-month="15"><td class="sort-order">5</td><td>Kansas City</td><td class="text-right">15</td><td class="text-right sorted">0</td><td class="text-right">2</td><td class="text-right">15</td><td><canvas id="sparkline-4" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-4",
[8,12,12,12,13,13,13,13,13,13,14,15,15,15],
);</script></td></tr><tr id="row-st--louis-city" data-name="St. Louis City" data-total="50" data-yesterday="0" data-week="20" data-month="49"><td class="sort-order">6</td><td>St. Louis City</td><td class="text-right">50</td><td class="text-right sorted">0</td><td class="text-right">20</td><td class="text-right">49</td><td><canvas id="sparkline-5" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-5",
[19,24,26,27,28,30,30,30,40,42,45,48,50,50],
);</script></td></tr><tr id="row-wright" data-name="Wright" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">7</td><td>Wright</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-6" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-6",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-worth" data-name="Worth" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">8</td><td>Worth</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-webster" data-name="Webster" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">9</td><td>Webster</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-wayne" data-name="Wayne" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">10</td><td>Wayne</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-9" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-9",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</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">11</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-10" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-10",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-vernon" data-name="Vernon" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">12</td><td>Vernon</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-11" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-11",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-texas" data-name="Texas" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">13</td><td>Texas</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-12" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-12",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-taney" data-name="Taney" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">14</td><td>Taney</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-13" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-13",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</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">15</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-14" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-14",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-stone" data-name="Stone" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">16</td><td>Stone</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-stoddard" data-name="Stoddard" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">17</td><td>Stoddard</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-shelby" data-name="Shelby" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">18</td><td>Shelby</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-17" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-17",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-shannon" data-name="Shannon" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">19</td><td>Shannon</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-18" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-18",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-scott" data-name="Scott" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">20</td><td>Scott</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-19" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-19",
[0,0,0,0,0,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-scotland" data-name="Scotland" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">21</td><td>Scotland</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-schuyler" data-name="Schuyler" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">22</td><td>Schuyler</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-21" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-21",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-saline" data-name="Saline" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">23</td><td>Saline</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-22" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-22",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-st--louis" data-name="St. Louis" data-total="127" data-yesterday="0" data-week="45" data-month="124"><td class="sort-order">24</td><td>St. Louis</td><td class="text-right">127</td><td class="text-right sorted">0</td><td class="text-right">45</td><td class="text-right">124</td><td><canvas id="sparkline-23" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-23",
[42,53,53,66,72,80,81,82,91,97,105,121,127,127],
);</script></td></tr><tr id="row-st--francois" data-name="St. Francois" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">25</td><td>St. Francois</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-24" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-24",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-ste--genevieve" data-name="Ste. Genevieve" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">26</td><td>Ste. Genevieve</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-st--clair" data-name="St. Clair" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">27</td><td>St. Clair</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-st--charles" data-name="St. Charles" data-total="29" data-yesterday="0" data-week="10" data-month="27"><td class="sort-order">28</td><td>St. Charles</td><td class="text-right">29</td><td class="text-right sorted">0</td><td class="text-right">10</td><td class="text-right">27</td><td><canvas id="sparkline-27" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-27",
[13,14,16,17,17,18,19,19,23,25,26,26,29,29],
);</script></td></tr><tr id="row-ripley" data-name="Ripley" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">29</td><td>Ripley</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-reynolds" data-name="Reynolds" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">30</td><td>Reynolds</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-ray" data-name="Ray" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">31</td><td>Ray</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-30" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-30",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-randolph" data-name="Randolph" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">32</td><td>Randolph</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-ralls" data-name="Ralls" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">33</td><td>Ralls</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,0,0,0,0,0,0],
);</script></td></tr><tr id="row-putnam" data-name="Putnam" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">34</td><td>Putnam</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-33" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-33",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-pulaski" data-name="Pulaski" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">35</td><td>Pulaski</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-34" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-34",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-polk" data-name="Polk" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">36</td><td>Polk</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-35" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-35",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-platte" data-name="Platte" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">37</td><td>Platte</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-pike" data-name="Pike" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">38</td><td>Pike</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-phelps" data-name="Phelps" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">39</td><td>Phelps</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-38" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-38",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-pettis" data-name="Pettis" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">40</td><td>Pettis</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-perry" data-name="Perry" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">41</td><td>Perry</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-pemiscot" data-name="Pemiscot" data-total="1" data-yesterday="0" data-week="1" data-month="1"><td class="sort-order">42</td><td>Pemiscot</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">1</td><td class="text-right">1</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,1,1,1,1],
);</script></td></tr><tr id="row-ozark" data-name="Ozark" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">43</td><td>Ozark</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-osage" data-name="Osage" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">44</td><td>Osage</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-43" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-43",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-oregon" data-name="Oregon" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">45</td><td>Oregon</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-nodaway" data-name="Nodaway" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">46</td><td>Nodaway</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-newton" data-name="Newton" data-total="1" data-yesterday="0" data-week="1" data-month="1"><td class="sort-order">47</td><td>Newton</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">1</td><td class="text-right">1</td><td><canvas id="sparkline-46" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-46",
[0,0,0,0,0,0,0,0,0,1,1,1,1,1],
);</script></td></tr><tr id="row-new-madrid" data-name="New Madrid" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">48</td><td>New Madrid</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-47" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-47",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-morgan" data-name="Morgan" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">49</td><td>Morgan</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-montgomery" data-name="Montgomery" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">50</td><td>Montgomery</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-49" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-49",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-monroe" data-name="Monroe" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">51</td><td>Monroe</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-moniteau" data-name="Moniteau" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">52</td><td>Moniteau</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-mississippi" data-name="Mississippi" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">53</td><td>Mississippi</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-52" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-52",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-miller" data-name="Miller" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">54</td><td>Miller</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-53" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-53",
[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="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">55</td><td>Mercer</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-54" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-54",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-marion" data-name="Marion" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">56</td><td>Marion</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-55" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-55",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-maries" data-name="Maries" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">57</td><td>Maries</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-madison" data-name="Madison" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">58</td><td>Madison</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-57" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-57",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-macon" data-name="Macon" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">59</td><td>Macon</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-58" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-58",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-mcdonald" data-name="McDonald" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">60</td><td>McDonald</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-59" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-59",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-livingston" data-name="Livingston" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">61</td><td>Livingston</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-60" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-60",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-linn" data-name="Linn" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">62</td><td>Linn</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-61" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-61",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-lincoln" data-name="Lincoln" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">63</td><td>Lincoln</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-62" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-62",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-lewis" data-name="Lewis" data-total="1" data-yesterday="0" data-week="1" data-month="1"><td class="sort-order">64</td><td>Lewis</td><td class="text-right">1</td><td class="text-right sorted">0</td><td class="text-right">1</td><td class="text-right">1</td><td><canvas id="sparkline-63" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-63",
[0,0,0,0,0,0,0,0,0,1,1,1,1,1],
);</script></td></tr><tr id="row-lawrence" data-name="Lawrence" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">65</td><td>Lawrence</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-64" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-64",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-lafayette" data-name="Lafayette" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">66</td><td>Lafayette</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-65" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-65",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-laclede" data-name="Laclede" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">67</td><td>Laclede</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-66" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-66",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-knox" data-name="Knox" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">68</td><td>Knox</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-67" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-67",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-johnson" data-name="Johnson" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">69</td><td>Johnson</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-68" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-68",
[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="3" data-yesterday="0" data-week="-1" data-month="3"><td class="sort-order">70</td><td>Jefferson</td><td class="text-right">3</td><td class="text-right sorted">0</td><td class="text-right">-1</td><td class="text-right">3</td><td><canvas id="sparkline-69" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-69",
[3,3,3,3,4,4,4,4,4,3,3,3,3,3],
);</script></td></tr><tr id="row-jasper" data-name="Jasper" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">71</td><td>Jasper</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-70" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-70",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-jackson" data-name="Jackson" data-total="12" data-yesterday="0" data-week="1" data-month="11"><td class="sort-order">72</td><td>Jackson</td><td class="text-right">12</td><td class="text-right sorted">0</td><td class="text-right">1</td><td class="text-right">11</td><td><canvas id="sparkline-71" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-71",
[7,9,9,10,11,11,11,11,11,12,12,12,12,12],
);</script></td></tr><tr id="row-iron" data-name="Iron" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">73</td><td>Iron</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-72" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-72",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-howell" data-name="Howell" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">74</td><td>Howell</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-73" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-73",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-howard" data-name="Howard" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">75</td><td>Howard</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-74" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-74",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-holt" data-name="Holt" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">76</td><td>Holt</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-75" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-75",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-hickory" data-name="Hickory" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">77</td><td>Hickory</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-76" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-76",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-henry" data-name="Henry" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">78</td><td>Henry</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-77" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-77",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-harrison" data-name="Harrison" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">79</td><td>Harrison</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-78" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-78",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-grundy" data-name="Grundy" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">80</td><td>Grundy</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-79" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-79",
[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="8" data-yesterday="0" data-week="0" data-month="4"><td class="sort-order">81</td><td>Greene</td><td class="text-right">8</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">4</td><td><canvas id="sparkline-80" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-80",
[8,8,8,8,8,8,8,8,8,8,8,8,8,8],
);</script></td></tr><tr id="row-gentry" data-name="Gentry" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">82</td><td>Gentry</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-81" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-81",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-gasconade" data-name="Gasconade" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">83</td><td>Gasconade</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-82" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-82",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-franklin" data-name="Franklin" data-total="8" data-yesterday="0" data-week="1" data-month="8"><td class="sort-order">84</td><td>Franklin</td><td class="text-right">8</td><td class="text-right sorted">0</td><td class="text-right">1</td><td class="text-right">8</td><td><canvas id="sparkline-83" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-83",
[3,4,4,4,7,7,7,7,8,10,10,10,8,8],
);</script></td></tr><tr id="row-dunklin" data-name="Dunklin" data-total="2" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">85</td><td>Dunklin</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-84" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-84",
[0,0,0,0,2,2,2,2,2,2,2,2,2,2],
);</script></td></tr><tr id="row-douglas" data-name="Douglas" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">86</td><td>Douglas</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-85" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-85",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-dent" data-name="Dent" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">87</td><td>Dent</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-86" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-86",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-dekalb" data-name="DeKalb" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">88</td><td>DeKalb</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-87" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-87",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-daviess" data-name="Daviess" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">89</td><td>Daviess</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-88" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-88",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-dallas" data-name="Dallas" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">90</td><td>Dallas</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-89" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-89",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-dade" data-name="Dade" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">91</td><td>Dade</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-90" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-90",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</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">92</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-91" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-91",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-cooper" data-name="Cooper" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">93</td><td>Cooper</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-92" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-92",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-cole" data-name="Cole" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">94</td><td>Cole</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-93" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-93",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</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">95</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-94" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-94",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-clark" data-name="Clark" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">96</td><td>Clark</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-95" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-95",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-christian" data-name="Christian" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">97</td><td>Christian</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-96" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-96",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-chariton" data-name="Chariton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">98</td><td>Chariton</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-97" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-97",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-cedar" data-name="Cedar" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">99</td><td>Cedar</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-98" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-98",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-cass" data-name="Cass" data-total="6" data-yesterday="0" data-week="0" data-month="6"><td class="sort-order">100</td><td>Cass</td><td class="text-right">6</td><td class="text-right sorted">0</td><td class="text-right">0</td><td class="text-right">6</td><td><canvas id="sparkline-99" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-99",
[2,4,4,4,5,6,6,6,6,6,6,6,6,6],
);</script></td></tr><tr id="row-carter" data-name="Carter" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">101</td><td>Carter</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-100" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-100",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-carroll" data-name="Carroll" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">102</td><td>Carroll</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-101" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-101",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-cape-girardeau" data-name="Cape Girardeau" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">103</td><td>Cape Girardeau</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-102" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-102",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-camden" data-name="Camden" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">104</td><td>Camden</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-103" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-103",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-callaway" data-name="Callaway" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">105</td><td>Callaway</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-104" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-104",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-caldwell" data-name="Caldwell" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">106</td><td>Caldwell</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-105" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-105",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-butler" data-name="Butler" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">107</td><td>Butler</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-106" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-106",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-buchanan" data-name="Buchanan" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">108</td><td>Buchanan</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-107" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-107",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-boone" data-name="Boone" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">109</td><td>Boone</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-108" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-108",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-bollinger" data-name="Bollinger" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">110</td><td>Bollinger</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-109" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-109",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-benton" data-name="Benton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">111</td><td>Benton</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-110" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-110",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-bates" data-name="Bates" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">112</td><td>Bates</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-111" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-111",
[1,1,1,1,1,1,1,1,1,1,1,1,1,1],
);</script></td></tr><tr id="row-barton" data-name="Barton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">113</td><td>Barton</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-112" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-112",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-barry" data-name="Barry" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">114</td><td>Barry</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-113" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-113",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-audrain" data-name="Audrain" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">115</td><td>Audrain</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-114" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-114",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-atchison" data-name="Atchison" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">116</td><td>Atchison</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-115" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-115",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-andrew" data-name="Andrew" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">117</td><td>Andrew</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-116" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-116",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</script></td></tr><tr id="row-adair" data-name="Adair" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">118</td><td>Adair</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-117" width="200" height="50"></canvas><script>makeSparkline(
"sparkline-117",
[0,0,0,0,0,0,0,0,0,0,0,0,0,0],
);</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>
Reference in New Issue View Git Blame Copy Permalink