-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (98 loc) · 5.23 KB
/
index.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
<!-- Boostrap Stylesheet -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" media="screen">
<!-- CSS stylesheet -->
<link rel="stylesheet" href="assets/css/styles.css" media="screen">
</head>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="noodling.html">Latitude Study</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="comparisons.html">Comparison <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
<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>
<!--This is the dropdown menu-->
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="comparisons.html">Comparisons</a>
<a class="dropdown-item" href="data.html">Data</a>
<a class="dropdown-item" href="visualization1.html">Max Temp</a>
<a class="dropdown-item" href="visualization2.html">Humidity</a>
<a class="dropdown-item" href="visualization3.html">Cloudiness</a>
<a class="dropdown-item" href="visualization4.html">Wind Speed</a>
</li>
<li class="nav-item">
</ul>
</div>
</nav>
<body>
<div class="container">
<div class="row">
<div class="col-md-7">
<h1>Summary: Latitude Versus the World</h1>
<h2>This project is devoted to making sure that we all know what's going on with the weather.</h2>
<p>Specifically, we wanted to see how varying weather markers would be affected
by distance from the equator. We used an API call to
<a href="https://openweathermap.org/">OpenWeatherMap</a> to gather data
on over 500 cities worldwide.</p>
<p> MatPlotLib was used to render several variables versus latitude. Such variables included</p>
<ul>
<li>Maximum temperature</li>
<li>Humidity</li>
<li>Cloudiness</li>
<li>Wind speed</li>
</ul>
<p>You can follow the links on the sidebar of this page, as well as links
from the navigation bar or dropdown menu above, to find the visualizations
analysis, as well as descriptions of trends observed.
</p>
</div>
<div class="col-md-5" id="sidebar">
<h3>Visualizations</h3>
<div class="row">
<div class="col-md-6">
<a href="visualization1.html">
<img style="float: right; width=50%; height=50%" src="Resources\max_temp_latitude.png" class="img-thumbnail" > </a>
</div>
<div class="col-md-6">
<a href="visualization3.html">
<img style="float: right;" src="Resources\latitude_humidity.png" class="img-thumbnail" ></a>
</div>
</div>
<div class="row">
<div class="col-md-6">
<a href="visualization2.html">
<img style="float: right;" src="Resources\latitude_cloudiness.png" class="img-thumbnail" ></a>
</div>
<div class="col-md-6">
<a href="visualization4.html">
<img style="float: right;" src="Resources\latitude_wind_speed.png" class="img-thumbnail" ></a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
</body>
</html>