/
index.html
62 lines (51 loc) · 2.17 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
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="style.css">
<title>The Impact of COVID-19</title>
</head>
<body>
<!-- separate tabs for each category; might change to scroll later -->
<!--div class="category" id="tabs">
<a href="index.html" class="active">Home</a>
<a href="mobility.html">Mobility</a>
<a href="restaurants.html">Restaurants</a>
<a href="traffic.html">Transportation</a>
<a href="schooling.html">Schooling</a>
</div-->
<div class="mainpage">
<h1>The Impact of COVID-19</h1>
<center><img src="summaryimage3.png" alt="summary image" border="1" width="60%" height="30%"></center>
<h2> Abstract </h2>
<p>For our project, we wanted to explore how COVID-
19 has affected various aspects of life as we know it,
by focusing on visualizing trends in mobility,
schooling and social activities among other topics. To
this end, we gathered data pertaining to these topics
from multiple sources and wrangled it to produce
visualizations focused on interactivity, while also
exposing key insights we identified in the data
exploration process.</p>
<p>Our aim is to weave these contextually different
visualizations into a single storyline that walks the
viewer through the key insights we highlight in our
custom visualizations.</p>
<p>The tools used to wrangle the data were pandas,
python and some Javascript. For visualizing the data,
we used D3.js as well as D3plus.</p>
<p>With this final project, we hope to encourage
readers to reflect on the different ways COVID-19 has
affected their daily lives and to remind them that
we're all in this together!</p>
<h2> Team members </h2>
- Alex Herrera <br>
- Saadiyah Husnoo <br>
- Dain Kim <br>
<button type="button" class="magic-button"><a href="project.html">Take me to the project! </a></button>
</div>
<!-- Import scripts here -->
<script src="https://d3js.org/d3.v5.min.js"></script>
<script>
document.write('<scr' + 'ipt src="main.js?cb=' + new Date().getTime() + '"></scr' + 'ipt>');
</script>
</body>