Skip to content

Commit c7dabc7

Browse files
training4futuretraining4future
authored
Add files via upload
1 parent f411b55 commit c7dabc7

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

51 files changed

+16269
-2
lines changed

‎README.md

+21-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,22 @@
1-
# Dashboard
2-
A front-end visualization dashboard and tool for displaying the data pulled from the T-CUBE SEIRD data model.
1+
# COVID-Dashboard
2+
## Description:
3+
A progressive web application to visualize the spread of COVID-19 cases in the United States with predictive models, analytics, and data visualizations for the Build with AI Hackathon.
34

5+
## Timeline:
6+
One weekend: Friday, July 24 - Monday, July 27
7+
8+
## Programming Languages:
9+
- JavaScript
10+
- Python
11+
- HTML
12+
- CSS
13+
14+
## Technologies:
15+
- Oracle VMStandard.E2.1.micro
16+
- The COVID Tracking Project API
17+
- The T-CUBE Model
18+
- Visual Studio Code
19+
20+
=======
21+
22+
Dashboard development for Build for AI 2020 hackathon.

‎about.html

+108
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
<html lang="en">
2+
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Build with AI</title>
6+
<meta name="description" content="Build with AI">
7+
<meta name="author" content="Build with AI">
8+
9+
<link rel="stylesheet" href="css/styles.css?v=1.0">
10+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
11+
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
12+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
13+
<script src="https://use.fontawesome.com/4caf74be5b.js"></script>
14+
<script src="js/mapdata.js"></script>
15+
<script src="js/usmap.js"></script>
16+
17+
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
18+
19+
</head>
20+
21+
<body>
22+
<nav class="navbar navbar-dark navbar-expand-lg navbar-light bg-light grad">
23+
<a class="navbar-brand" href="index.html"><b>T-CUBE</b></a>
24+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
25+
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
26+
<span class="navbar-toggler-icon"></span>
27+
</button>
28+
<div class="collapse navbar-collapse" id="navbarNav">
29+
<ul class="navbar-nav ml-auto">
30+
<li class="nav-item">
31+
<a class="nav-link" href="index.html">Dashboard</a>
32+
</li>
33+
<li class="nav-item">
34+
<a class="nav-link" href="about.html">About the Model</a>
35+
</li>
36+
<!-- <li class="nav-item">
37+
<a class="nav-link" href="data.html">See the Data</a>
38+
</li> -->
39+
<li class="nav-item">
40+
<a class="nav-link" href="team.html">Meet the Team</a>
41+
</li>
42+
<li class="nav-item">
43+
<a class="nav-link" href="#">Contact Us</a>
44+
</li>
45+
</ul>
46+
</div>
47+
</nav>
48+
49+
<div class="container-fluid">
50+
<!-- <h2 class="sub-header">Learn About Our Model, <b>T-CUBE,</b> Forecasting the Future of COVID-19</h2> -->
51+
<br /><br />
52+
<div class="row" align="center">
53+
<div class="col-sm">
54+
<span class="iconify" data-icon="openmoji:light-bulb" data-inline="false" height="100"></span>
55+
</div>
56+
<div class="col-sm">
57+
<span class="iconify" data-icon="openmoji:puzzle-piece" data-inline="false" height="100"></span>
58+
</div>
59+
</div>
60+
61+
<div class="row">
62+
<div class="col-sm about-title">
63+
How T-CUBE Can Help In A Pandemic
64+
</div>
65+
<div class="col-sm about-title">
66+
Assumptions for Our Data Model
67+
</div>
68+
</div>
69+
</div>
70+
<div class="container-fluid">
71+
<div class="row">
72+
<div class="col-sm custom-box">
73+
The spread of COVID-19 has lead to numerous unforseen consequences, specifically global shutdowns,
74+
deaths, and worldwide shortages of medical supplies. A mathematical model could be used to capture the
75+
dynamics of COVID-19's spread to estimate the infections, recoveries, and deaths that may result from
76+
the disease. An estimation is crucial to make policy decisions and for the alerts for the medical
77+
emergencies that may arise. Many epidemiological models are being used to make such an estimation. One
78+
major factor that is important in the predictions using the models is the dynamic nature of the disease
79+
spread. Unless we can come up with a way of estimating the parameters that guide this dynamic spread,
80+
the models may not give accurate predictions. Our time-dependent SEIRD model forecasts COVID-19 cases 3
81+
weeks into the future for almost all US states. The model is evaluated using the data taken from <a
82+
href="https://covidtracking.com/">covid-tracking project</a>.
83+
</div>
84+
<div class="col-sm custom-box">
85+
1. The affect due to environmental factors is considered to be negligible.
86+
<br><br>
87+
2. The percentage of the population recovered, being infected again is considered negligible.
88+
<br><br>
89+
3. The growth of testing capabilities is same as that of the previous week.
90+
<br><br>
91+
4. The current interventions will not change for the forecasting period.
92+
<br><br>
93+
5. The Susceptible to Total Population ratio (S/N) is always considered to be less than one, even when
94+
there is a change in populataion due to vital dynamics or migration of people.
95+
</div>
96+
</div>
97+
</div>
98+
99+
<!-- Footer -->
100+
<footer class="page-footer pt-4">
101+
102+
</footer>
103+
<!-- Footer -->
104+
105+
<script src="js/scripts.js"></script>
106+
</body>
107+
108+
</html>

‎contact.html

+90
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
<html lang="en">
2+
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Build with AI</title>
6+
<meta name="description" content="Build with AI">
7+
<meta name="author" content="Build with AI">
8+
9+
<link rel="stylesheet" href="css/styles.css?v=1.0">
10+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
11+
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
12+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
13+
<script src="https://use.fontawesome.com/4caf74be5b.js"></script>
14+
<script src="js/mapdata.js"></script>
15+
<script src="js/usmap.js"></script>
16+
17+
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
18+
19+
</head>
20+
21+
<body>
22+
<nav class="navbar navbar-dark navbar-expand-lg navbar-light bg-light grad">
23+
<a class="navbar-brand" href="index.html"><b>T-CUBE</b></a>
24+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
25+
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
26+
<span class="navbar-toggler-icon"></span>
27+
</button>
28+
<div class="collapse navbar-collapse" id="navbarNav">
29+
<ul class="navbar-nav ml-auto">
30+
<li class="nav-item">
31+
<a class="nav-link" href="index.html">Dashboard</a>
32+
</li>
33+
<li class="nav-item">
34+
<a class="nav-link" href="about.html">About the Model</a>
35+
</li>
36+
<!-- <li class="nav-item">
37+
<a class="nav-link" href="data.html">See the Data</a>
38+
</li> -->
39+
<li class="nav-item">
40+
<a class="nav-link" href="team.html">Meet the Team</a>
41+
</li>
42+
<li class="nav-item">
43+
<a class="nav-link" href="contact.html">Contact Us</a>
44+
</li>
45+
</ul>
46+
</div>
47+
</nav>
48+
49+
<div class="container-fluid">
50+
<h2 class="sub-header">Get Involved and Support <b>T-CUBE</b> to Flatten the Curve of COVID-19</h2>
51+
<div class="row" align="center">
52+
<div class="col-sm">
53+
<span class="iconify" data-icon="openmoji:light-bulb" data-inline="false" height="100"></span>
54+
</div>
55+
<div class="col-sm">
56+
<span class="iconify" data-icon="openmoji:puzzle-piece" data-inline="false" height="100"></span>
57+
</div>
58+
</div>
59+
60+
<div class="row">
61+
<div class="col-sm about-title">
62+
<a href="https://github.com/training4future/COVID-Dashboard">Contribute to Our GitHub Repository</a>
63+
</div>
64+
<div class="col-sm about-title">
65+
<a href="team.html">Connect With Our Team Directly</a>
66+
</div>
67+
</div>
68+
</div>
69+
<div class="container-fluid">
70+
<div class="row">
71+
<div class="col-sm custom-box">
72+
While we have built an enterprise version of T-CUBE, we greatly welcome open-source collaboration to
73+
stop COVID-19.
74+
</div>
75+
<div class="col-sm custom-box">
76+
We look forward to working with you to stop COVID-19 and the spread of the pandemic.
77+
</div>
78+
</div>
79+
</div>
80+
81+
<!-- Footer -->
82+
<footer class="page-footer pt-4">
83+
84+
</footer>
85+
<!-- Footer -->
86+
87+
<script src="js/scripts.js"></script>
88+
</body>
89+
90+
</html>

0 commit comments

Comments
 (0)