-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex4.html
93 lines (91 loc) · 4.81 KB
/
index4.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: Wind Speed</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">Wind Speed</p>
<hr>
<img class="rounded mx-auto d-block" width="250" src="WebVisualizations/Resources/City_Latitude_vs_Wind_Speed.PNG" alt="City Latitude vs. Wind Speed"><br>
<p class="card-text text-secondary">Like the other scatter plots, we used pyplot to create this chart. In this scatter plot, we analyzed the cities' wind speed (y axis) based on their latitude (x axis). We did not see a relationship between the two.</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>
<!-- End of container -->
</div>
</body>
</html>