-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (57 loc) · 3.15 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"
integrity="sha256-4iQZ6BVL4qNKlQ27TExEhBN1HFPvAvAMbFavKKosSWQ=" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<title>COVID-19 Spread</title>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1 class="display-4">COVID-19 Spread</h1>
<p class="lead">This is a simple COVID-19 spread model that fits existing data into the normal distribution
which is often followed during pandemics. It is meant to raise awareness about the disease as well as
show
people its potential stages of development.</p>
<hr class="my-4">
<p>Keep in mind that the data here is merely a prediction and it is done by purely a mathematical model!</p>
</div>
<select class="custom-select custom-select-lg mb-3" id="country" class="chosen-select">
<option selected value="">Select country/region</option>
</select>
<select style="display: none" class="custom-select custom-select-sm" id="province" class="chosen-select">
<option selected value="">Select province/state</option>
</select>
<button style="margin-top: 2%" type="button" class="btn btn-warning"
onclick="loadPredictions()">Predict</button>
<hr>
</hr>
<div class="chart-container"
style="position: relative; height: 40vh; width:100%; margin:auto; margin-bottom: 10%">
<canvas id="myChart"></canvas>
</div>
</div>
<footer style="text-align:center; color: #808080; background-color: white;" class="footer fixed-bottom">
Developed by Ivan Ivanov, maintainer of vankata.tech
</footer>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script type="application/javascript" src="js/chart.js"></script>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>