-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhumidity.html
71 lines (61 loc) · 3.69 KB
/
humidity.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Latitude vs. Humidity</title>
<link rel="stylesheet" href="style.css">
<!-- Bring in our bootstrap stylesheet -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</head>
<!-- ADD THE NAVBAR! -->
<body>
<nav id="nav_bar_format" class="navbar navbar-expand-lg">
<div class="container-fluid">
<a id= "latitude_button" class="navbar-brand" href="index.html" alt="Home Page" title="Home Page">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 ms-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Plots
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li class="maxtemp_dropdown"><a class="dropdown-item" href="maxtemp.html">Max Temperature</a></li>
<li class="humidity_dropdown"><a class="dropdown-item" href="humidity.html">Humidity</a></li>
<li class="cloudiness_dropdown"><a class="dropdown-item" href="cloudiness.html">Cloudiness</a></li>
<li class="windspeed_dropdown"><a class="dropdown-item" href="windspeed.html">Wind Speed</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="comparison.html">Comparison</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="data.html">Data</a>
</li>
</ul>
</div>
</div>
</nav>
<h1 class=" humidity_header">Humidity</h1>
<div class="container">
<div class="row">
<div class="col-md-8">
<img class="humidity" src="Fig2.png"
alt="Latitude vs. Humidity" title="Latitude vs. Humidity"/>
</div>
<br>
<div class="col-md-4">
<p class="humparagraph_1">When it comes to humidity, one environment that often comes to mind is the landscape of tropical rainforests. The majority of these
environments in the world are found between the tropic of cancer (located 23 degrees N of the equator) and the tropic of capricorn (located 23 degrees S of the equator).
</p>
<br>
<p class="humparagraph_2">From our plot of Latitude vs. Humidity, one can see that there is a large majority of data points within the latitudes of 45 degrees North
and 45 degrees S, which for the most part justifies our above statement. However, there seems to be a different array of data points
pertaining to the 60-80 degrees N range in which there are a considerable amount of high humidity recordings, but also a handful of cities that recorded a humidity percentage of 0%.
It would be fascinating to pinpoint cities within the 60-80 degrees N on a map to visualize where they are.
</p>
</div>
</div>