-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemp.html
86 lines (65 loc) · 4.51 KB
/
temp.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Latitude vs Temperature</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel='stylesheet' href='assets/style.css'>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Latitude</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Plots
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="temp.html">Temperature</a>
<a class="dropdown-item" href="humidity.html">Humidity</a>
<a class="dropdown-item" href="wind_speed.html">Wind Speed</a>
<a class="dropdown-item" href="cloudiness.html">Cloudiness</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
<li class="nav-item">
<a class="nav-link" href="comparisons.html">Comparisons</a>
</li>
</ul>
</div>
</nav>
<br>
<br>
<div class="container">
<!-- <figure class="box"> -->
<div class="row">
<div class="col-md-8">
<!-- project summary -->
<h2>Latitude vs Temperature Plot</h2>
<img id="summary-viz" src="visualizations/lat_vs_temp_chart.png" alt="Lattitude versus temperature scatter plot" width="200" height="150">
<p>This plot illustrates that as latitude approaches the equator (latitude of 0 degrees), temperature increases. As latitudes increase into the northern hemisphere, specifically (denoted by a positive value of latitude), temperatures decrease. Especially as the northern hemisphere is currently experience winter, this makes logical sense.
</p>
<p>In both hemispheres, as latitudes approach the equator (latitude value of 0), max temperature increases. There is a strong correlation between latitude and temperature in the southern hemisphere, and a slightly stronger correlation in the northern hemisphere. The sharper decrease in maximum temperature in the northern hemisphere could be due to the fact that it is currently winter in the north and summer in the south. </p>
</div>
<!-- </figure> -->
<div class="col-md-4">
<h5>Visualizations</h5>
<!-- link and photo to each vizualzations-->
<a href="temp.html"><img src="visualizations/lat_vs_temp_chart.png" alt="Lattitude versus temperature scatter plot" width="150" height="100"></a>
<a href="humidity.html"><img src="visualizations/lat_vs_humidity_chart.png" alt="Lattitude versus Humidity scatter plot" width="150" height="100"></a>
<a href="wind_speed.html"><img src="visualizations/lat_vs_wind_chart.png" alt="Lattitude versus wind scatter plot" width="150" height="100"></a>
<a href="cloudiness.html"><img src="visualizations/lat_vs_cloud_chart.png" alt="Lattitude versus cloudiness scatter plot" width="150" height="100"></a>
</div>
</div>
</div>
<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>