-
Notifications
You must be signed in to change notification settings - Fork 0
/
visualization2.html
104 lines (88 loc) · 4.85 KB
/
visualization2.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
<!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 Humidity</h1>
<p>Latitude versus humidity does not show a clear pattern of
correlation. Unlike maximum temperature, humidity does not tend to cluster around the equator.
This, too, makes intuitive sense. Many equatorial regions are dry deserts OR wet jungles. Many non-equatorial regions are humid costal zones or arid polar regions.
</p>
<a href="visualization2.html">
<img style="float: center;" src="Resources\latitude_humidity.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>