-
Notifications
You must be signed in to change notification settings - Fork 0
/
visualization3.html
105 lines (89 loc) · 4.95 KB
/
visualization3.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
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
<!-- Boostrap Stylesheet -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" media="screen">
<!-- CSS stylesheet -->
<link rel="stylesheet" href="assets/css/styles.css" media="screen">
</head>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<!-- This is the navigation bar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="noodling.html">Latitude Study</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="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="comparisons.html">Comparison <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
<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>
<!--This is the dropdown menu-->
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="comparisons.html">Comparisons</a>
<a class="dropdown-item" href="data.html">Data</a>
<a class="dropdown-item" href="visualization1.html">Max Temp</a>
<a class="dropdown-item" href="visualization2.html">Humidity</a>
<a class="dropdown-item" href="visualization3.html">Cloudiness</a>
<a class="dropdown-item" href="visualization4.html">Wind Speed</a>
</li>
<li class="nav-item">
</ul>
</div>
</nav>
<body>
<div class="container">
<div class="row">
<div class="col-md-7">
<h1>Latitude versus Cloudiness</h1>
<p>Latitude versus Cloudiness does not show a clear pattern of correlation.
Cloudiness might be influenced by other factors besides latitude.
Altitude, distance from costal areas, etc. are all factors that may affect cloudiness.
It is quite interesting that cloudiness tends to cluster along certain levels. It would be worthwhile to investigate why those particular levels are where cloudiness clusters.
</p>
<a href="visualization3.html">
<img style="float: center;" src="Resources\latitude_cloudiness.png" class="img-thumbnail" > </a>
</div>
<div class="col-md-5" id="sidebar">
<h3>Visualizations</h3>
<div class="row">
<div class="col-md-6">
<a href="visualization1.html">
<img style="float: right; width=50%; height=50%" src="Resources\max_temp_latitude.png" class="img-thumbnail" > </a>
</div>
<div class="col-md-6">
<a href="visualization3.html">
<img style="float: right;" src="Resources\latitude_humidity.png" class="img-thumbnail" ></a>
</div>
</div>
<div class="row">
<div class="col-md-6">
<a href="visualization2.html">
<img style="float: right;" src="Resources\latitude_cloudiness.png" class="img-thumbnail" ></a>
</div>
<div class="col-md-6">
<a href="visualization4.html">
<img style="float: right;" src="Resources\latitude_wind_speed.png" class="img-thumbnail" ></a>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
</body>
</html>