-
Notifications
You must be signed in to change notification settings - Fork 0
/
maxtemp.html
80 lines (73 loc) · 3.64 KB
/
maxtemp.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap Visualization Dashboard</title>
<link rel="stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href = "styles.css">
<style>
body {background-color:rgb(226, 225, 225)}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="index.html">Lattitude</a>
</div>
<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="maxtemp.html">Max Temperature</a></li>
<li><a href="humidity.html">Humidity</a></li>
<li><a href="cloudiness.html">Cloudiness</a></li>
<li><a href="windspeed.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>
<br>
<br>
<br>
<!-- Container 1 -->
<div class="container">
<!--<div class="row">-->
<div class="row">
<div class="col-lg-8 col-sm-12">
<h1>Max Temperature</h1>
<hr>
<img src="lat_vs_maxtemp.png" alt="maxtemp" height="400" width="600" align="center">
<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 the data was gathered.
</p>
</div>
<div class="col-md-4 col-sm-12">
<h2>Visualizations</h2>
<hr>
<div class= "col-md-6 col-sm-3">
<img class ="boxx" id = "pic1" src="lat_vs_maxtemp.png" alt="maxtemp" height="150" width="150">
</div>
<div class= "col-md-6 col-sm-3">
<img id ="pic2" src="lat_vs_humidity.png" alt="humidity" height="150" width="150">
</div>
<div class= "col-md-6 col-sm-3">
<img id = "pic3" src="lat_vs_cloudiness.png" alt="cloudiness" height="150" width="150">
</div>
<div class= "col-md-6 col-sm-3">
<img id = "pic4" src="lat_vs_windspeed.png" alt="windspeed" height="150" width="150">
</div>
</div>
</div>
</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>