Merge branch 'main' into pages

This commit is contained in:
frankknoll
2023-03-12 11:55:47 +01:00
2 changed files with 86 additions and 59 deletions

View File

@@ -5,6 +5,15 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>Pfizer Vaccine Distribution by ZIP Code</title> <title>Pfizer Vaccine Distribution by ZIP Code</title>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ERHYDH4P64"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-ERHYDH4P64');
</script>
<link href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.css" rel="stylesheet" type="text/css" /> <link href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
<link href="batchCodeTable.css" rel="stylesheet" type="text/css" /> <link href="batchCodeTable.css" rel="stylesheet" type="text/css" />
<link href="forkMeOnGitHub.css" rel="stylesheet" type="text/css" /> <link href="forkMeOnGitHub.css" rel="stylesheet" type="text/css" />

View File

@@ -1,26 +1,42 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport"/> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>Batch Codes of Coronavirus 2019 Vaccines</title> <title>Batch Codes of Coronavirus 2019 Vaccines</title>
<link href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.css" rel="stylesheet" type="text/css"/> <!-- Google tag (gtag.js) -->
<link href="batchCodeTable.css" rel="stylesheet" type="text/css"/> <script async src="https://www.googletagmanager.com/gtag/js?id=G-ERHYDH4P64"></script>
<link href="forkMeOnGitHub.css" rel="stylesheet" type="text/css"/> <script>
<script crossorigin="anonymous" integrity="sha512-T5Bneq9hePRO8JR0S/0lQ7gdW+ceLThvC80UjwkMRz+8q+4DARVZ4dqKoyENC7FcYresjfJ6ubaOgIE35irf4w==" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.5.1/nouislider.min.js"></script> window.dataLayer = window.dataLayer || [];
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.5.1/nouislider.css" integrity="sha512-MKxcSu/LDtbIYHBNAWUQwfB3iVoG9xeMCm32QV5hZ/9lFaQZJVaXfz9aFa0IZExWzCpm7OWvp9zq9gVip/nLMg==" referrerpolicy="no-referrer" rel="stylesheet"/> function gtag() { dataLayer.push(arguments); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> gtag('js', new Date());
<script charset="utf8" src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.0/dist/chart.umd.min.js"></script> gtag('config', 'G-ERHYDH4P64');
<script src="./Utils.js"></script> </script>
<script src="./UIUtils.js"></script> <link href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
<script src="./ColumnSearch.js"></script> <link href="batchCodeTable.css" rel="stylesheet" type="text/css" />
<script src="./batchCodeTable.js"></script> <link href="forkMeOnGitHub.css" rel="stylesheet" type="text/css" />
<script src="./HistoDescrsProvider.js"></script> <script crossorigin="anonymous"
<script src="./HistogramChartView.js"></script> integrity="sha512-T5Bneq9hePRO8JR0S/0lQ7gdW+ceLThvC80UjwkMRz+8q+4DARVZ4dqKoyENC7FcYresjfJ6ubaOgIE35irf4w=="
<script src="./BatchcodeCombinationSelection.js"></script> referrerpolicy="no-referrer"
<script src="./HistogramView.js"></script> src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.5.1/nouislider.min.js"></script>
<script> <link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.5.1/nouislider.css"
integrity="sha512-MKxcSu/LDtbIYHBNAWUQwfB3iVoG9xeMCm32QV5hZ/9lFaQZJVaXfz9aFa0IZExWzCpm7OWvp9zq9gVip/nLMg=="
referrerpolicy="no-referrer" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script charset="utf8" src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.0/dist/chart.umd.min.js"></script>
<script src="./Utils.js"></script>
<script src="./UIUtils.js"></script>
<script src="./ColumnSearch.js"></script>
<script src="./batchCodeTable.js"></script>
<script src="./HistoDescrsProvider.js"></script>
<script src="./HistogramChartView.js"></script>
<script src="./BatchcodeCombinationSelection.js"></script>
<script src="./HistogramView.js"></script>
<script>
$(document).ready(function () { $(document).ready(function () {
const batchCodeTableInitializer = const batchCodeTableInitializer =
new BatchCodeTableInitializer( new BatchCodeTableInitializer(
@@ -33,6 +49,7 @@
}); });
</script> </script>
</head> </head>
<body> <body>
<span id="forkongithub"><a href="https://github.com/KnollFrank/HowBadIsMyBatch">Fork me on GitHub</a></span> <span id="forkongithub"><a href="https://github.com/KnollFrank/HowBadIsMyBatch">Fork me on GitHub</a></span>
<h1>Batch Codes of Coronavirus 2019 Vaccines</h1> <h1>Batch Codes of Coronavirus 2019 Vaccines</h1>
@@ -45,46 +62,47 @@
<p> <p>
<b>Check out your batch code</b> (Last updated: <span id="last_updated">March 10, 2023</span>) <b>Check out your batch code</b> (Last updated: <span id="last_updated">March 10, 2023</span>)
</p> </p>
<table class="display" id="batchCodeTable"> <table class="display" id="batchCodeTable">
<thead> <thead>
<tr> <tr>
<th></th> <th></th>
<th>Batch</th> <th>Batch</th>
<th>Adverse Reaction Reports</th> <th>Adverse Reaction Reports</th>
<th>Deaths</th> <th>Deaths</th>
<th>Disabilities</th> <th>Disabilities</th>
<th>Life Threatening Illnesses</th> <th>Life Threatening Illnesses</th>
<th>Company</th> <th>Company</th>
<th>Countries</th> <th>Countries</th>
<th>Severe reports</th> <th>Severe reports</th>
<th>Lethality</th> <th>Lethality</th>
</tr> </tr>
</thead> </thead>
</table> </table>
<p><b>Data Source:</b> <p><b>Data Source:</b>
<a href="https://vaers.hhs.gov/data/datasets.html" target="_blank">Vaccine Adverse Event Reporting System <a href="https://vaers.hhs.gov/data/datasets.html" target="_blank">Vaccine Adverse Event Reporting System
(VAERS)</a> (VAERS)</a>
</p> </p>
<template id="template-canvas"> <template id="template-canvas">
<canvas></canvas> <canvas></canvas>
</template> </template>
<template id="template-selectBatchcodeCombination"> <template id="template-selectBatchcodeCombination">
<div> <div>
<label>Select batchcode combination: <label>Select batchcode combination:
<select id="batchcodesSelect" name="batchcodes"> <select id="batchcodesSelect" name="batchcodes">
</select> </select>
</label> </label>
</div> </div>
</template> </template>
<template id="template-chartWithSlider"> <template id="template-chartWithSlider">
<div class="chartWithSlider"> <div class="chartWithSlider">
<div class="chartContainer"> <div class="chartContainer">
<canvas class="canvas"></canvas> <canvas class="canvas"></canvas>
</div> </div>
<div class="sliderContainer"> <div class="sliderContainer">
<div class="slider"></div> <div class="slider"></div>
</div> </div>
</div> </div>
</template> </template>
</body> </body>
</html> </html>