-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemp_plot.html
70 lines (67 loc) · 4.46 KB
/
temp_plot.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="reset.css" rel="stylesheet">
<link href="style.css" rel="stylesheet" type="text/css">
<script src="https://kit.fontawesome.com/8502dc2626.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia|Urbanist">
<title>Latitude: Max Temperature</title>
</head>
<body class="plot-pages">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand" href="index.html"><i class="fas fa-home"></i> Latitude</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="nav-item active">
<div class="dropdown show">
<a class="dropdown-toggle" href="#" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="nav-link"><i class="fas fa-chart-bar"></i> Plots <i class="fas fa-caret-down"></i></span>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="temp_plot.html">Max Temperature</a>
<a class="dropdown-item" href="humidity_plot.html">Humidity</a>
<a class="dropdown-item" href="cloudiness_plot.html">Cloudiness</a>
<a class="dropdown-item" href="wind_speed_plot.html">Wind Speed</a>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="comparisons.html"><i class="fas fa-columns"></i> Comparisons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html"><i class="fas fa-table"></i> Data</a>
</li>
</ul>
</div>
</nav>
<div class="main">
<div class="left-block">
<h1>Max Temperature</h1>
<hr>
<img src="Resources/assets/images/Fig1.png" alt="City Latitude vs Max Temperature Scatter Plot">
<section>
<p>As expected, the weather becomes significantly warmer as one approaches the equator (Zero degrees Latitude). More interestingly, however, is the fact that the southern hemisphere tends to be warmer this time of year than the northern hemisphere. This may be due to the tilt of the earch at the time of the year this data was gathered.</p>
</section>
</div>
<div class="right-block">
<h1>Visualizations</h1>
<hr>
<div class="viz-table">
<a class="active-plot" href="temp_plot.html"><img src="Resources/assets/images/Fig1.png" alt="City Latitude vs Max Temperature Scatter Plot"></a>
<a href="humidity_plot.html"><img src="Resources/assets/images/Fig2.png" alt="City Latitude vs Humidity Scatter Plot"></a>
<a href="cloudiness_plot.html"><img src="Resources/assets/images/Fig3.png" alt="City Latitude vs Cloudiness Scatter Plot"></a>
<a href="wind_speed_plot.html"><img src="Resources/assets/images/Fig4.png" alt="City Latitude vs Wind Speed Scatter Plot"></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>