-
Notifications
You must be signed in to change notification settings - Fork 0
/
cld.html
65 lines (61 loc) · 3.6 KB
/
cld.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="graphics/favicon.ico">
<title>Latitude</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<a class="navbar-brand" href="index.html">Latitude</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<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="maxtemp.html">Max Temperature</a>
<a class="dropdown-item" href="humid.html">Humidity</a>
<a class="dropdown-item" href="cld.html">Cloudiness</a>
<a class="dropdown-item" href="wind.html">Wind Speed</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="comp.html">Comparison</a></li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="row pt-3">
<div class="col-sm-7 bg-light text-dark border border-white">
<h1 class="bd-title">Cloudiness</h1>
<img src="graphics/cloud_lat.png" alt="Cloudiness vs Latitude" class="img-responsive" width="100%" height="auto">
<p>From the graph, it doesn't seem like Latitude and Cloudiness correlate.
</p>
<p>That being said, it is interesting how seperate horizontal lines are showing up across the graph. It would be good to see if rounded percentages were used for this graph. There looks to be a line actually around every 5%
</p>
</div>
<div class="col-sm-5 bg-light text-dark text-center border border-white">
<h2 style="text-align:center">Visualizations</h2>
<a href="maxtemp.html"><img src="graphics/temp_lat.png" alt="Temperature (F) vs Latitude" height="90" width="134" style="margin: auto"></a>
<a href="humid.html"><img src="graphics/hum_lat.png" alt="Humidity vs Latitude" height="90" width="134" style="margin: auto"></a>
<a href="cld.html"><img src="graphics/cloud_lat.png" alt="Cloudiness vs Latitude" height="90" width="134" style="margin: auto"></a>
<a href="wind.html"><img src="graphics/wind_lat.png" alt="Wind Speed vs Latitude" height="90" width="134" style="margin: auto"></a>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<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://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" 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>
</body>
</html>