-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.html
93 lines (91 loc) · 4.56 KB
/
index2.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
92
93
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Visualization: Humidity</title>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" 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>
<!-- Boostrap Stylesheet -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- CSS stylesheet -->
<link rel="stylesheet" href="style.css">
</head>
<body class="bg-light">
<!-- Create navigation bar, which collapses when screen is smaller -->
<nav class="navbar navbar-expand-lg navbar-light bg-white">
<a class="navbar-brand bg-info text-white" href="index.html">Latitude</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-nav mr-auto"></div>
<div class="form-inline my-2 my-lg-0">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- Collect the nav links, forms, and other content for toggling -->
<ul class="navbar-nav mr-auto">
<!-- dropdown menu -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Plots
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="index1.html">Max Temperature</a>
<a class="dropdown-item" href="index2.html">Humidity</a>
<a class="dropdown-item" href="index3.html">Cloudiness</a>
<a class="dropdown-item" href="index4.html">Wind Speed</a>
</div>
</li>
<li class="nav-item active">
<a class="nav-link" href="index5.html">Comparison</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="index6.html">Data</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End of navbar -->
<!-- Start of container -->
<div class="container">
<div class="row">
<div class="col-xl-8">
<div class="card">
<div class="card-body">
<p class="card-title text-info text-xl-left font-weight-bold">Humidity</p>
<hr>
<img class="rounded mx-auto d-block" width="250" src="WebVisualizations/Resources/City_Latitude_vs_Humidity.PNG" alt="City Latitude vs. Humidity"><br>
<p class="card-text text-secondary">Through the scatter plot above, we analyzed the citie's humdity level (y axis) based on their latitude (x axis). Based on the result shown, there is little relation between latitude and humidity.</p>
</div>
</div>
</div>
<!-- Start of Visualizations -->
<div class="col-xl-4">
<div class="card">
<div class="card-body">
<p class="card-title text-info text-xl-left font-weight-bold">Visualizations</p>
<hr>
<div class="row">
<a class="card-text col-md-6" href="index1.html">
<img width="140" src="WebVisualizations/Resources/City_Latitude_vs_Max_Temperature.PNG" alt="City Latitude vs. Max Temperature">
</a>
<a class="card-text col-md-6" href="index2.html">
<img width="140" src="WebVisualizations/Resources/City_Latitude_vs_Humidity.PNG" alt="City Latitude vs. Humidity">
</a>
</div>
<div class="row">
<a class="card-text col-md-6" href="index3.html">
<img width="140" src="WebVisualizations/Resources/City_Latitude_vs_Cloudiness.PNG" alt="City Latitude vs. Cloudiness">
</a>
<a class="card-text col-md-6" href="index4.html">
<img width="140" src="WebVisualizations/Resources/City_Latitude_vs_Wind_Speed.PNG" alt="City Latitude vs. Wind Speed">
</a>
</div>
</div>
</div>
</div>
<!-- End of Visualizations -->
</div>
</div>
<!-- End of container -->
</body>
</html>