tmont/covid19
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
covid19/public/countries/us-florida.html

3450 lines
81 KiB
HTML
Raw Blame History

<!DOCTYPE html><html><head><title>Florida - US | 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;
}</style></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-27T05:31:18.586Z.
</em></p><div class="main-content"><h2><a class="float-right" href="/countries/us.html" style="font-size: 50%">◀ US</a>Florida - US</h2><div class="card mb-4"><div class="card-body"><canvas class="mx-auto" id="main-chart" width="800" height="450"></canvas><script>(function() {
const canvas = document.getElementById('main-chart');
const chart = new Chart(canvas.getContext('2d'), {
type: 'line',
data: {
labels: ["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"],
datasets: [
{
label: 'Total Deaths',
data: [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,2,2,2,2,2,2,2,3,3,5,7,9,11,13,13,18,18,23,29,35,54,56,63,85,87,164,170,195,221,236,283,309,354,390,438,461,499,571,596,668,725,748,774,822,867,893,987,1046,1055,1075],
fill: true,
borderColor: 'rgb(196, 64, 64)',
borderWidth: 1,
backgroundColor: 'rgba(196, 128, 128, 0.25)',
},
{
label: 'New Deaths',
data: [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,2,0,0,0,0,0,0,1,0,2,2,2,2,2,0,5,0,5,6,6,19,2,7,22,2,77,6,25,26,15,47,26,45,36,48,23,38,72,25,72,57,23,26,48,45,26,94,59,9,20],
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: "Florida"
},
tooltips: {
intersect: false,
position: 'nearest',
axis: 'x',
},
scales: {
yAxes: [
{
display: true,
ticks: {
precision: 0,
beginAtZero: true,
}
},
],
xAxes: [
{
display: true,
},
],
}
}
});
}());
</script></div></div><div class="table-responsive" id="table"><table class="table table-sm table-hover"><thead><tr><th>#</th><th><span class="sortables float-left mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:name:asc">▲</a><a href="#sort:name:desc">▼</a></span>County/Region</th><th><span class="sortables float-left mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:total:asc">▲</a><a href="#sort:total:desc">▼</a></span>Deaths</th><th><span class="sortables float-left mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:yesterday:asc">▲</a><a href="#sort:yesterday:desc">▼</a></span>&hellip;since yesterday</th><th><span class="sortables float-left mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:week:asc">▲</a><a href="#sort:week:desc">▼</a></span>&hellip;since last week</th><th><span class="sortables float-left mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:month:asc">▲</a><a href="#sort:month:desc">▼</a></span>&hellip;month-to-date</th><th>Last 14 days</th></tr></thead><tbody><tr id="row-alachua" data-name="Alachua" data-total="2" data-yesterday="1" data-week="2" data-month="2"><td class="sort-order">1</td><td>Alachua</td><td class="text-right">2</td><td class="text-right">1</td><td class="text-right">2</td><td class="text-right">2</td><td><canvas id="sparkline-0" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-0');
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: [0,0,0,0,0,0,0,0,1,1,1,1,1,2],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-baker" data-name="Baker" data-total="3" data-yesterday="0" data-week="0" data-month="3"><td class="sort-order">2</td><td>Baker</td><td class="text-right">3</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">3</td><td><canvas id="sparkline-1" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-1');
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: [2,2,2,2,3,3,3,3,3,3,3,3,3,3],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-bay" data-name="Bay" data-total="2" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">3</td><td>Bay</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-2" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-2');
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: [1,1,2,2,2,2,2,2,2,2,2,2,2,2],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-bradford" data-name="Bradford" data-total="2" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">4</td><td>Bradford</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-3" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-3');
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: [1,1,1,1,2,2,2,2,2,2,2,2,2,2],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-brevard" data-name="Brevard" data-total="8" data-yesterday="0" data-week="1" data-month="8"><td class="sort-order">5</td><td>Brevard</td><td class="text-right">8</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">8</td><td><canvas id="sparkline-4" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-4');
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: [6,6,6,6,7,7,7,7,7,7,8,8,8,8],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-broward" data-name="Broward" data-total="170" data-yesterday="8" data-week="48" data-month="158"><td class="sort-order">6</td><td>Broward</td><td class="text-right">170</td><td class="text-right">8</td><td class="text-right">48</td><td class="text-right">158</td><td><canvas id="sparkline-5" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-5');
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: [77,78,92,101,107,115,115,122,126,141,157,162,162,170],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-calhoun" data-name="Calhoun" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">7</td><td>Calhoun</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-6');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-charlotte" data-name="Charlotte" data-total="14" data-yesterday="0" data-week="3" data-month="14"><td class="sort-order">8</td><td>Charlotte</td><td class="text-right">14</td><td class="text-right">0</td><td class="text-right">3</td><td class="text-right">14</td><td><canvas id="sparkline-7" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-7');
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: [5,5,5,7,9,9,9,11,11,11,12,14,14,14],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-citrus" data-name="Citrus" data-total="11" data-yesterday="2" data-week="3" data-month="9"><td class="sort-order">9</td><td>Citrus</td><td class="text-right">11</td><td class="text-right">2</td><td class="text-right">3</td><td class="text-right">9</td><td><canvas id="sparkline-8" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-8');
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: [7,7,8,8,8,8,8,8,8,8,9,9,9,11],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-clay" data-name="Clay" data-total="14" data-yesterday="0" data-week="3" data-month="9"><td class="sort-order">10</td><td>Clay</td><td class="text-right">14</td><td class="text-right">0</td><td class="text-right">3</td><td class="text-right">9</td><td><canvas id="sparkline-9" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-9');
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: [9,9,9,9,9,9,11,11,11,11,12,14,14,14],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-collier" data-name="Collier" data-total="15" data-yesterday="0" data-week="6" data-month="14"><td class="sort-order">11</td><td>Collier</td><td class="text-right">15</td><td class="text-right">0</td><td class="text-right">6</td><td class="text-right">14</td><td><canvas id="sparkline-10" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-10');
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: [5,5,5,6,8,8,8,9,10,10,14,15,15,15],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-columbia" data-name="Columbia" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">12</td><td>Columbia</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-11');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-desoto" data-name="DeSoto" data-total="4" data-yesterday="0" data-week="0" data-month="3"><td class="sort-order">13</td><td>DeSoto</td><td class="text-right">4</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-12');
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: [3,3,3,3,3,4,4,4,4,4,4,4,4,4],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-dixie" data-name="Dixie" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">14</td><td>Dixie</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-13" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-13');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-duval" data-name="Duval" data-total="18" data-yesterday="0" data-week="2" data-month="14"><td class="sort-order">15</td><td>Duval</td><td class="text-right">18</td><td class="text-right">0</td><td class="text-right">2</td><td class="text-right">14</td><td><canvas id="sparkline-14" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-14');
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: [13,13,14,14,15,15,15,16,17,17,17,18,18,18],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-escambia" data-name="Escambia" data-total="11" data-yesterday="0" data-week="3" data-month="11"><td class="sort-order">16</td><td>Escambia</td><td class="text-right">11</td><td class="text-right">0</td><td class="text-right">3</td><td class="text-right">11</td><td><canvas id="sparkline-15" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-15');
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: [3,3,4,4,6,8,8,8,10,10,10,11,11,11],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-flagler" data-name="Flagler" data-total="2" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">17</td><td>Flagler</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-16" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-16');
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: [2,2,2,2,2,2,2,2,2,2,2,2,2,2],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-franklin" data-name="Franklin" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">18</td><td>Franklin</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-17');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-gadsden" data-name="Gadsden" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">19</td><td>Gadsden</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-18');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-gilchrist" data-name="Gilchrist" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">20</td><td>Gilchrist</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-19');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-glades" data-name="Glades" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">21</td><td>Glades</td><td class="text-right">1</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-20');
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: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-gulf" data-name="Gulf" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">22</td><td>Gulf</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-21');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-hamilton" data-name="Hamilton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">23</td><td>Hamilton</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-22');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-hardee" data-name="Hardee" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">24</td><td>Hardee</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-23');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-hendry" data-name="Hendry" data-total="2" data-yesterday="0" data-week="1" data-month="2"><td class="sort-order">25</td><td>Hendry</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">2</td><td><canvas id="sparkline-24" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-24');
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: [0,0,0,0,0,0,0,1,1,1,2,2,2,2],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-hernando" data-name="Hernando" data-total="3" data-yesterday="0" data-week="0" data-month="3"><td class="sort-order">26</td><td>Hernando</td><td class="text-right">3</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">3</td><td><canvas id="sparkline-25" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-25');
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: [2,2,2,2,2,3,3,3,3,3,3,3,3,3],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-highlands" data-name="Highlands" data-total="7" data-yesterday="0" data-week="0" data-month="6"><td class="sort-order">27</td><td>Highlands</td><td class="text-right">7</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">6</td><td><canvas id="sparkline-26" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-26');
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: [5,5,6,6,6,6,6,7,7,7,7,7,7,7],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-hillsborough" data-name="Hillsborough" data-total="21" data-yesterday="0" data-week="2" data-month="18"><td class="sort-order">28</td><td>Hillsborough</td><td class="text-right">21</td><td class="text-right">0</td><td class="text-right">2</td><td class="text-right">18</td><td><canvas id="sparkline-27" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-27');
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: [16,17,18,18,19,19,19,19,20,20,21,21,21,21],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-holmes" data-name="Holmes" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">29</td><td>Holmes</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-28');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-indian-river" data-name="Indian River" data-total="5" data-yesterday="0" data-week="1" data-month="5"><td class="sort-order">30</td><td>Indian River</td><td class="text-right">5</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">5</td><td><canvas id="sparkline-29" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-29');
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: [1,1,1,2,2,2,3,4,4,5,5,5,5,5],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-jackson" data-name="Jackson" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">31</td><td>Jackson</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-30');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-jefferson" data-name="Jefferson" data-total="2" data-yesterday="0" data-week="1" data-month="2"><td class="sort-order">32</td><td>Jefferson</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">2</td><td><canvas id="sparkline-31" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-31');
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: [1,1,1,1,1,1,1,1,1,1,1,2,2,2],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-lafayette" data-name="Lafayette" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">33</td><td>Lafayette</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-32');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-lake" data-name="Lake" data-total="10" data-yesterday="0" data-week="3" data-month="10"><td class="sort-order">34</td><td>Lake</td><td class="text-right">10</td><td class="text-right">0</td><td class="text-right">3</td><td class="text-right">10</td><td><canvas id="sparkline-33" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-33');
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: [4,4,5,5,5,6,6,7,7,7,9,10,10,10],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-lee" data-name="Lee" data-total="37" data-yesterday="1" data-week="9" data-month="29"><td class="sort-order">35</td><td>Lee</td><td class="text-right">37</td><td class="text-right">1</td><td class="text-right">9</td><td class="text-right">29</td><td><canvas id="sparkline-34" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-34');
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: [18,18,22,24,25,25,27,28,29,29,32,36,36,37],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-leon" data-name="Leon" data-total="2" data-yesterday="0" data-week="1" data-month="2"><td class="sort-order">36</td><td>Leon</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">2</td><td><canvas id="sparkline-35" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-35');
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: [0,0,0,0,0,1,1,1,1,1,2,2,2,2],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-levy" data-name="Levy" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">37</td><td>Levy</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-36');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-liberty" data-name="Liberty" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">38</td><td>Liberty</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-37');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-madison" data-name="Madison" data-total="2" data-yesterday="0" data-week="2" data-month="2"><td class="sort-order">39</td><td>Madison</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">2</td><td class="text-right">2</td><td><canvas id="sparkline-38" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-38');
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: [0,0,0,0,0,0,0,0,2,2,2,2,2,2],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-manatee" data-name="Manatee" data-total="42" data-yesterday="0" data-week="9" data-month="40"><td class="sort-order">40</td><td>Manatee</td><td class="text-right">42</td><td class="text-right">0</td><td class="text-right">9</td><td class="text-right">40</td><td><canvas id="sparkline-39" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-39');
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: [15,16,19,20,29,31,31,33,34,34,39,42,42,42],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-marion" data-name="Marion" data-total="4" data-yesterday="0" data-week="1" data-month="4"><td class="sort-order">41</td><td>Marion</td><td class="text-right">4</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">4</td><td><canvas id="sparkline-40" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-40');
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: [3,3,3,3,3,3,3,3,3,3,3,4,4,4],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-martin" data-name="Martin" data-total="5" data-yesterday="0" data-week="1" data-month="5"><td class="sort-order">42</td><td>Martin</td><td class="text-right">5</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">5</td><td><canvas id="sparkline-41" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-41');
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: [3,3,4,4,4,4,4,4,4,4,5,5,5,5],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-miami-dade" data-name="Miami-Dade" data-total="301" data-yesterday="6" data-week="78" data-month="294"><td class="sort-order">43</td><td>Miami-Dade</td><td class="text-right">301</td><td class="text-right">6</td><td class="text-right">78</td><td class="text-right">294</td><td><canvas id="sparkline-42" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-42');
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: [109,125,146,183,195,198,207,223,233,240,270,287,295,301],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-monroe" data-name="Monroe" data-total="3" data-yesterday="0" data-week="0" data-month="3"><td class="sort-order">44</td><td>Monroe</td><td class="text-right">3</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">3</td><td><canvas id="sparkline-43" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-43');
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: [3,3,3,3,3,3,3,3,3,3,3,3,3,3],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-nassau" data-name="Nassau" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">45</td><td>Nassau</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-44');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-okaloosa" data-name="Okaloosa" data-total="3" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">46</td><td>Okaloosa</td><td class="text-right">3</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-45" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-45');
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: [1,1,1,1,1,1,3,3,3,3,3,3,3,3],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-okeechobee" data-name="Okeechobee" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">47</td><td>Okeechobee</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-46" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-46');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-orange" data-name="Orange" data-total="30" data-yesterday="0" data-week="3" data-month="26"><td class="sort-order">48</td><td>Orange</td><td class="text-right">30</td><td class="text-right">0</td><td class="text-right">3</td><td class="text-right">26</td><td><canvas id="sparkline-47" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-47');
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: [13,13,18,21,23,23,23,27,27,28,29,30,30,30],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-osceola" data-name="Osceola" data-total="7" data-yesterday="0" data-week="2" data-month="6"><td class="sort-order">49</td><td>Osceola</td><td class="text-right">7</td><td class="text-right">0</td><td class="text-right">2</td><td class="text-right">6</td><td><canvas id="sparkline-48" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-48');
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: [5,5,5,5,5,5,5,5,6,6,7,7,7,7],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-palm-beach" data-name="Palm Beach" data-total="155" data-yesterday="0" data-week="33" data-month="141"><td class="sort-order">50</td><td>Palm Beach</td><td class="text-right">155</td><td class="text-right">0</td><td class="text-right">33</td><td class="text-right">141</td><td><canvas id="sparkline-49" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-49');
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: [92,93,105,112,115,114,121,122,131,131,144,155,155,155],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-pasco" data-name="Pasco" data-total="4" data-yesterday="0" data-week="1" data-month="2"><td class="sort-order">51</td><td>Pasco</td><td class="text-right">4</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">2</td><td><canvas id="sparkline-50" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-50');
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: [3,3,3,3,3,3,3,3,3,3,3,4,4,4],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-pinellas" data-name="Pinellas" data-total="24" data-yesterday="0" data-week="8" data-month="19"><td class="sort-order">52</td><td>Pinellas</td><td class="text-right">24</td><td class="text-right">0</td><td class="text-right">8</td><td class="text-right">19</td><td><canvas id="sparkline-51" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-51');
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: [13,14,14,14,16,16,16,16,18,19,23,24,24,24],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-polk" data-name="Polk" data-total="18" data-yesterday="0" data-week="4" data-month="17"><td class="sort-order">53</td><td>Polk</td><td class="text-right">18</td><td class="text-right">0</td><td class="text-right">4</td><td class="text-right">17</td><td><canvas id="sparkline-52" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-52');
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: [9,10,10,11,12,12,12,14,15,15,17,18,18,18],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-putnam" data-name="Putnam" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">54</td><td>Putnam</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-53" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-53');
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: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-st--johns" data-name="St. Johns" data-total="4" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">55</td><td>St. Johns</td><td class="text-right">4</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-54" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-54');
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: [2,2,2,3,4,4,4,4,4,4,4,4,4,4],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-st--lucie" data-name="St. Lucie" data-total="19" data-yesterday="0" data-week="4" data-month="17"><td class="sort-order">56</td><td>St. Lucie</td><td class="text-right">19</td><td class="text-right">0</td><td class="text-right">4</td><td class="text-right">17</td><td><canvas id="sparkline-55" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-55');
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: [7,7,8,9,11,13,15,15,16,16,17,19,19,19],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-santa-rosa" data-name="Santa Rosa" data-total="6" data-yesterday="0" data-week="0" data-month="4"><td class="sort-order">57</td><td>Santa Rosa</td><td class="text-right">6</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">4</td><td><canvas id="sparkline-56" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-56');
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: [4,4,4,5,6,6,6,6,6,6,6,6,6,6],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-sarasota" data-name="Sarasota" data-total="32" data-yesterday="0" data-week="4" data-month="29"><td class="sort-order">58</td><td>Sarasota</td><td class="text-right">32</td><td class="text-right">0</td><td class="text-right">4</td><td class="text-right">29</td><td><canvas id="sparkline-57" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-57');
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: [14,14,16,17,22,23,23,28,30,31,32,32,32,32],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-seminole" data-name="Seminole" data-total="8" data-yesterday="0" data-week="3" data-month="8"><td class="sort-order">59</td><td>Seminole</td><td class="text-right">8</td><td class="text-right">0</td><td class="text-right">3</td><td class="text-right">8</td><td><canvas id="sparkline-58" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-58');
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: [2,2,2,3,4,4,5,5,6,6,7,8,8,8],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-sumter" data-name="Sumter" data-total="12" data-yesterday="0" data-week="1" data-month="12"><td class="sort-order">60</td><td>Sumter</td><td class="text-right">12</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">12</td><td><canvas id="sparkline-59" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-59');
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: [9,9,11,11,11,11,11,11,11,11,12,12,12,12],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-suwannee" data-name="Suwannee" data-total="11" data-yesterday="0" data-week="3" data-month="11"><td class="sort-order">61</td><td>Suwannee</td><td class="text-right">11</td><td class="text-right">0</td><td class="text-right">3</td><td class="text-right">11</td><td><canvas id="sparkline-60" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-60');
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: [1,3,3,5,5,6,6,8,9,9,9,10,11,11],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-taylor" data-name="Taylor" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">62</td><td>Taylor</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-61');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</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">63</td><td>Union</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-62" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-62');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-volusia" data-name="Volusia" data-total="17" data-yesterday="2" data-week="7" data-month="16"><td class="sort-order">64</td><td>Volusia</td><td class="text-right">17</td><td class="text-right">2</td><td class="text-right">7</td><td class="text-right">16</td><td><canvas id="sparkline-63" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-63');
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: [7,7,8,9,9,10,10,10,13,13,14,15,15,17],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-wakulla" data-name="Wakulla" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">65</td><td>Wakulla</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-64" width="200" height="50"></canvas><script>(function() {
const canvas = document.getElementById('sparkline-64');
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: [1,2,1,1,1,1,1,1,1,1,1,1,1,1],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-walton" data-name="Walton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">66</td><td>Walton</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-65');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-washington" data-name="Washington" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">67</td><td>Washington</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-66');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr><tr id="row-out-of-fl" data-name="Out of FL" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">68</td><td>Out of FL</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-67');
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: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</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">69</td><td>Unassigned</td><td class="text-right">0</td><td class="text-right">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>(function() {
const canvas = document.getElementById('sparkline-68');
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: [0,47,0,0,0,0,0,0,0,0,0,0,0,0],
}
],
},
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,
},
],
}
}
});
}());
</script></td></tr></tbody></table></div><script>(function() {
const tbody = document.getElementById('table').querySelector('tbody');
const allRows = [].slice.call(tbody.querySelectorAll('tbody tr'));
const resortTable = () => {
let nextChild = null;
for (let i = allRows.length - 1; i >= 0; i--) {
const row = allRows[i];
if (!row) {
continue;
}
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.localeCompare(bName);
}
return aValue < bValue ?
(newSortDir === 'asc' ? -1 : 1) :
(newSortDir === 'asc' ? 1 : -1);
});
resortTable();
};
switch (value) {
case 'name':
allRows.sort((a, b) => {
const aName = a.getAttribute('data-name');
const bName = b.getAttribute('data-name');
if (newSortDir === 'asc') {
return aName.localeCompare(bName);
}
return bName.localeCompare(aName);
});
resortTable();
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></div></div></body></html>
Reference in New Issue View Git Blame Copy Permalink