-
Notifications
You must be signed in to change notification settings - Fork 0
/
wind_speed.html
95 lines (88 loc) · 4.21 KB
/
wind_speed.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
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Wind Speed Anaylsis</title>
<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">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<!-- <div class="container"> -->
<a class="navbar-brand" href="index.html">Latitude</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<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="max_tempurature.html">Max Tempurature</a>
<a class="dropdown-item" href="humidity.html">Humidity</a>
<a class="dropdown-item" href="cloudiness.html">Cloudiness</a>
<a class="dropdown-item" href="wind_speed.html">Wind Speed</a>
</div>
</li>
<li class="nav-item active" >
<a class="nav-link" href="comparison.html">Comparison</a>
</li>
<li class="nav-item" >
<a class="nav-link" href="data.html">Data</a>
</li>
</ul>
</div>
<!-- </div> -->
</nav>
<div class="container">
<div class="row justify-content-center">
<div class="col-xs-6 col-sm-6 col-md-6" id="introduction">
<div class="textbox">
<h3 class="display-9">Wind Speed</h3>
</div>
<div class="textbox">
<img src="Resources/assets/images/Fig4.png" id="summary_fig">
<p class="lead">Based on the plot of the City Latitude vs wind Speed. We can see that latitude does not affect the wind speed much. Visually, the wind speed does not change according to the latitude.</p>
</div>
</div>
<div class="col-xs-5 col-sm-5 col-md-5">
<div id="visualizations">
<div class="textbox">
<h3 class="display-9">Visualizations</h3>
</div>
<div class="row justify-content-md-center">
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="max_tempurature.html">
<img src="Resources/assets/images/Fig1.png" href="max_tempurature.html">
</a>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="humidity.html">
<img src="Resources/assets/images/Fig2.png">
</a>
</div>
</div>
<div class="row justify-content-md-center">
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="cloudiness.html">
<img src="Resources/assets/images/Fig3.png">
</a>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="wind_speed.html">
<img src="Resources/assets/images/Fig4.png">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>