-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmax-temp.html
74 lines (66 loc) · 3.68 KB
/
max-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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Visualization Dashboard (Latitude)</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><b>Latitude</b></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Plots <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="max-temp.html">Max Temperature</a></li>
<li><a href="humidity.html">Humidity</a></li>
<li><a href="cloudiness.html">Cloudiness</a></li>
<li><a href="wind-speed.html">Wind Speed</a></li>
</ul>
</li>
<li><a href="comparison.html">Comparison</a></li>
<li><a href="data.html">Data</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-8">
<section class="summary">
<h1 id="sum-h1"><b>Max Temperature</b></h1>
<hr class="hr-page"/>
<img id="sum-pic-detail" src="Resources/assets/images/Fig1.png" alt="City_Latitude_vs_Max_Temperature"/>
<p>As expected, the weather becomes significantly warmer as one approaches the equator (0 Deg. 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 earth at the time of the year this data was gathered.</p>
</section>
</div>
<div class="col-md-4">
<section class="add-summary">
<h2 id="vis-h2"><b>Visualizations</b></h2>
<hr class="hr-page"/>
<div class="div_vis_img">
<a href="max-temp.html"><img class="vis_img" src="Resources/assets/images/Fig1.png" alt="City_Latitude_vs_Max_Temperature"/></a>
<a href="humidity.html"><img class="vis_img" src="Resources/assets/images/Fig2.png" alt="City_Latitude_vs_Humidity"/></a>
<a href="cloudiness.html"><img class="vis_img" src="Resources/assets/images/Fig3.png" alt="City_Latitude_vs_Cloudiness"></a>
<a href="wind-speed.html"><img class="vis_img" src="Resources/assets/images/Fig4.png" alt="City_Latitude_vs_Wind_Speed"></a>
</div>
</section>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>