forked from LarremoreLab/LarremoreLab.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcovid-calculator3.html
More file actions
157 lines (141 loc) · 7.99 KB
/
covid-calculator3.html
File metadata and controls
157 lines (141 loc) · 7.99 KB
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-36889698-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-36889698-2');
</script>
<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>Surveillance testing with different policies</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>
<h2 class="center-align shift-up" style="margin-top:-5px;">COVID-19 Testing Group</h2>
<div>The COVID-19 Testing Group is a community resource for sharing COVID-19 prevalence, seroprevalence, and burden studies, as well as planning tools and data. This website is maintained by the <a href="https://larremorelab.github.io">Larremore Lab</a> at the University of Colorado, Boulder.
</div>
</div>
<div id="app">
<h3 style="margin-top: -5px">Surveillance policy calculator</h3>
<div id="desc">
This calculator accompanies the manuscript "<a href="https://www.medrxiv.org/content/10.1101/2020.06.22.20136309v1">Surveillance testing of SARS-CoV-2</a>." This work is not yet peer reviewed.<br>
</div>
<div>
This calculator considers the impact of a surveillance policy on individuals and populations by explicitly including the interaction between testing and viral load trajectories. Here, a surveillance policy has 3 inputs:
<ol>
<li>Test limit of detection. (For PCR, we suggest 3.)</li>
<li>Test frequency, measured in days between tests. (e.g. 7 for weekly testing)</li>
<li>Test sample-to-answer delay in days. (e.g. 1 for a one-day delay in results)</li>
</ol>
The simple model of viral loads is described in the Methods of <a href="https://www.medrxiv.org/content/10.1101/2020.06.22.20136309v1">the preprint</a>. We used estimates that reflect the current literature, but the calculator below allows you to perform on-the-fly sensitivity analyses. Plots are described below.
</div>
<div id="inputs">
<div class="mdl-grid">
<table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp mdl-cell mdl-cell--5-col mdl-cell--8-col-tablet inputtable">
<th>Surveillance policy</th>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label">Viral load sensitivity (log10 cp/ml)</th>
<td>
<input class="validate" id="vsens" type="number" step="0.1" min="3" max="7" value="3">
<div class="helper-text" data-error="Must be in [3, 7]"></div>
</td>
</tr>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label">Days between tests</th>
<td>
<input class="validate" id="testfreq" type="number" step="1" min="1" max="31" value="7">
<div class="helper-text" data-error="Must be in 1..31"></div>
</td>
</tr>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label">Sample-to-answer delay (days)</th>
<td>
<input class="validate" id="delay" type="number" step="1" min="0" max="7" value="1">
<div class="helper-text" data-error="Must be in 0..7"></div>
</td>
</tr>
</table>
<table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp mdl-cell mdl-cell--7-col mdl-cell--8-col-tablet inputtable">
<th>Viral kinetics</th>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label">Incubation time (min, max)</th>
<td>
<input class="validate" id="incubationmin" type="number" step="0.5" min="2" max="7" value="2.5">
<div class="helper-text" data-error="Must be in 2..7"></div>
</td>
<td>
<input class="validate" id="incubationmax" type="number" step="0.5" min="2" max="7" value="3.5">
<div class="helper-text" data-error="Must be in 2..7"></div>
</td>
</tr>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label">Then time before peak (fixed, gamma shape)</th>
<td>
<input class="validate" id="onsetfixed" type="number" step="0.1" min="0.1" max="1" value="0.2">
<div class="helper-text" data-error="Must be in [0.1, 1]"></div>
</td>
<td>
<input class="validate" id="onsetgamma" type="number" step="0.1" min="1.6" max="3" value="1.8">
<div class="helper-text" data-error="Must be in [1.6, 3]"></div>
</td>
</tr>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label">Peak viral load, log10 (min, max)</th>
<td>
<input class="validate" id="peakloadmin" type="number" step="0.1" min="7" max="12" value="7">
<div class="helper-text" data-error="Must be in 7..12"></div>
</td>
<td>
<input class="validate" id="peakloadmax" type="number" step="0.1" min="7" max="12" value="11">
<div class="helper-text" data-error="Must be in 7..12"></div>
</td>
</tr>
<tr class="row">
<th class="mdl-data-table__cell--non-numeric label">Time between peak and 1e6 (min, max)</th>
<td>
<input class="validate" id="decaymin" type="number" step="0.1" min="3" max="14" value="5">
<div class="helper-text" data-error="Must be in 3..14"></div>
</td>
<td>
<input class="validate" id="decaymax" type="number" step="0.1" min="3" max="14" value="10">
<div class="helper-text" data-error="Must be in 3..14"></div>
</td>
</tr>
</table>
</div>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored" id="runsampling">Update Graph</button>
</div>
<div id="vizcontainer" class="mdl-shadow--4dp">
<div id="trajectories"></div>
<div>
<div class="inline-graph" id="infectiousness-removed"></div>
<div class="inline-graph" id="individual-infectiousnesses"></div>
</div>
<div id="summary">
<b>Reproductive reduction factor:</b> <i>R</i>=<span id="fval"></span> × <i>R<sub>0</sub></i>
</div>
</div>
<p>Please report bugs with screenshots to daniel.larremore@colorado.edu. Visualization source code is on <a href="https://github.com/samzhang111/seroprevalence-viz">Github</a>.</p>
<div>
<b>[Lines]</b>: 100 viral load trajectories are drawn from the model. Hover over trajectories to see discrete-time values and model control points. <br><b>[Bars]</b> Infectiousness is removed from the population due to the self-isolation of symptomatics and by surveillance-driven isolation. The relative improvement of surveillance (R-intervention) over no surveillance (R<sub>0</sub>) can be computed to estimate the impact of surveillance on the reproductive number, below the plot. <br><b>[Scatter]</b> Surveillance need not catch every case to be broadly effective, but its implications for individuals are still important. The infectiousness of 100 individuals for no policy and for the surveillance policy are show as dots. If the policy misses an individual's infectious period due to lack of test or delay in results, the dot is blue.
</div>
</div>
<div> </div>
<link rel="stylesheet" type="text/css" href="/assets/css/covid/calc3.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">
<script src="/assets/js/covid/calc3.61305d6573fbcd513a7f.js"></script></div></body></html>