-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcalculator2.html
126 lines (105 loc) · 5.57 KB
/
calculator2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Prevalence calculator (lab calibration data)</title>
</head>
<body>
<div class="container">
<div class="section">
<div class="center-align">
<a href="/covid19testgroup">
<img src="../assets/images/covid/header.png">
</a>
</div>
<h1 class="center-align"
style="margin-top:-5px;">COVID-19 Testing Group</h1>
<div>The COVID-19 Testing Group is a community resource for <strong>sharing the latest information on COVID-19 prevalence, seroprevalence, and burden studies, planning tools, and data.</strong> This website is maintained jointly by the <a href="https://larremorelab.github.io">Larremore Lab</a> at the University of Colorado, Boulder and the <a href="https://sites.sph.harvard.edu/grad-lab/">Grad Lab</a> at the Harvard T.H. Chan School of Public Health.
</div>
</div>
<div id="app">
<h3>Prevalence with lab calibration data</h3>
<div id="desc">
<strong>This calculator is one of multiple resources available through the <a href="https://larremorelab.github.io/covid19testgroup">COVID-19 Testing Group</a>.</strong> It accompanies the manuscript "Estimating SARS-CoV-2 seroprevalence and epidemiological parameters with uncertainty from serological surveys", which is available as a <a href="https://www.medrxiv.org/content/10.1101/2020.04.15.20067066v1">preprint</a>. This work is not yet peer reviewed.
<h5>Given test results in a population sample, and the test's lab calibration data, what is the posterior distribution of prevalence in the population, test sensitivity, and test specificity?</h5>
</div>
<div id="inputs">
<table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp inputtable">
<th>Field test results</th>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label"># positive tests</th>
<td>
<input class="validate" id="numpos" type="number" step="1" min="0" value="50">
<div class="helper-text" data-error="Must be >=0"></div>
</td>
</tr>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label"># negative tests</th>
<td>
<input class="validate" id="numneg" type="number" step="1" min="0" value="3280">
<div class="helper-text" data-error="Must be >=0"></div>
</td>
</tr>
</table>
<table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp inputtable">
<th>Test calibration results</th>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label"># true positives</th>
<td>
<input class="validate" id="tp" type="number" step="1" min="0" value="178">
<div class="helper-text" data-error="Must be >=0"></div>
</td>
</tr>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label"># false positives</th>
<td>
<input class="validate" id="fp" type="number" step="1" min="0" value="2">
<div class="helper-text" data-error="Must be >=0"></div>
</td>
</tr>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label"># true negatives</th>
<td>
<input class="validate" id="tn" type="number" step="1" min="0" value="399">
<div class="helper-text" data-error="Must be >=0"></div>
</td>
</tr>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label"># false negatives</th>
<td>
<input class="validate" id="fn" type="number" step="1" min="0" value="19">
<div class="helper-text" data-error="Must be >=0"></div>
</td>
</tr>
</table>
<table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp inputtable">
<!-- <th>MCMC settings</th> -->
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label"># samples plotted</th>
<td>
<input class="validate" id="numsamps" type="number" step="10" min="1000" value="1000">
<div class="helper-text" data-error="Min: 1000"></div>
</td>
</tr>
</table>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored" id="runsampling">Update Graph</button>
<div id="samplingProgress" class="mdl-progress mdl-js-progress"></div>
</div>
<div id="vizcontainer" class="mdl-shadow--4dp">
<div id="posteriorviz"></div>
<div id="sensviz"></div>
<div id="specviz"></div>
<button class="mdl-button mdl-js-button mdl-button--raised" id="downloadsvg">Download image</button>
</div>
<p>Please report bugs with screenshots to [email protected]. The source code for this visualization is on <a href="https://github.com/samzhang111/seroprevalence-viz">Github</a>.</p>
</div>
<link rel="stylesheet" type="text/css" href="../assets/css/covid/calc2.css">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-deep_purple.min.css">
<script defer="defer" src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<link rel="stylesheet" href="../assets/css/covid/covid19testgroup.css">
</body></html>
<script src="calc2.60cd3913b11990dd9f9f.js"></script>