-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
91 lines (80 loc) · 4.97 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Covert Predictions</title>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js"></script>
<link rel="stylesheet" href="/static/styles.css">
</head>
<body>
<div id="main">
<header style="margin-bottom: 40px; background: #7286A0; color: white; padding: 50px;">
<h1 style="margin-bottom: 0px; text-align: center;">COVID-19 Vaccine Distribution Model</h1>
<p style="text-align: center;">By <span style="font-size: 20px">Hackerknights</span></p>
</header>
<p style="padding: 0 100px;">The project will provide data modelling for how to effectively distribute COVID-19 vaccines. This will
provide the Government with a tool to send out resources to the exact location targeting specific areas with
a specific amount of immunisation targets, allowing them to use their resources with utmost efficiency.
Vaccines will be limited because of the high demand that they will carry. Deciding on where and who will
need to be vaccinated to effectively stop the spread of the virus and to reach herd immunity.
</p>
<h3 style="padding: 0 100px; margin-top: 0.67em; margin-bottom: 0.5em">How to:</h3>
<ol>
<li style="background-color: #be6e46">1. Default figure: Vaccine for all months</li>
<li style="background-color: #CDE7B0">2. Select month from bottom to get a specific month</li>
<li style="background-color: #7286A0">3. Enter number of vaccine available</li>
<li style="background-color: #59594A; color: white">4. Piechart shows distribution on region based on available vaccines</li>
</p>
</ol>
<div class='tableauPlaceholder' id='viz1597553217317' style='position: relative'>
<noscript>
<a href='#'>
<img alt=' '
src='https://public.tableau.com/static/images/Co/CovidVaccinesAustralia/Dashboard1/1_rss.png'
style='border: none' />
</a>
</noscript>
<object class='tableauViz' style='display:none;'>
<param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' />
<param name='embed_code_version' value='3' />
<param name='site_root' value='' />
<param name='name' value='CovidVaccinesAustralia/Dashboard1' />
<param name='tabs' value='no' />
<param name='toolbar' value='yes' />
<param name='static_image' value='https://public.tableau.com/static/images/Co/CovidVaccinesAustralia/Dashboard1/1.png' />
<param name='animate_transition' value='yes' />
<param name='display_static_image' value='yes' />
<param name='display_spinner' value='yes' />
<param name='display_overlay' value='yes' />
<param name='display_count' value='yes' />
<param name='language' value='en' />
</object>
</div>
<h3 style="padding: 0 100px; margin-bottom: 0.5em">Background:</h3>
<p style="padding: 5px 100px;">This model takes into consideration COVID cases that have been confirmed and deaths per state over a time period to calculate the R naught value. These cases have been forecasted up to march 21 using multiple linear regression.</p>
<p style="padding: 5px 100px;">After calculating R naught found to be 2.5 on average. We calculated the number of vaccines needed to reach herd immunity for each state according to its population. The formula for Herd immunity: 1 / (1 - Rnaught) We have run this algorithm to our forecasted range of Mar 21.</p>
<p style="padding: 5px 100px;">If we get a limited number of vaccines, the algorithm calculates the optimal distribution of vaccines to take smaller steps towards herd immunity (no more a pandemic).</p>
<br>
<div style="background-color: #848484; width: 100%; height: 3px; margin-bottom: 20px"></div>
<footer style="display: flex; margin-bottom: 5px; background: #7286A0; color: white; padding: 50px 100px">
<section style="flex: 1;">
<h3 style="margin-bottom: 0.5em">Our team:</h3>
<p>Afrida Tabassum</p>
<p>Jan Claasen</p>
<p>mahesh</p>
<p>Naga Aditya Gandam</p>
<p>Quang Hoang</p>
<p>Avery O'Callahan</p>
<p>Nazmul Kaonine</p>
<p>Prashant Ghimire</p>
</section>
<section style="flex: 1">
<img src="/static/govhack-logo.png">
<p>GovHack 2020 participation</p>
</section>
</footer>
</div>
<script src="/static/index.js" type="module"></script>
</body>
</html>