-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (78 loc) · 4.24 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Weather Visualizations</title>
<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>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-light">
<div class="container">
<a class="navbar-brand" href="index.html"><div class="h" style="font-size:17pt">Latitude</div></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 ml-auto">
<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>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="temperature.html">Temperature</a>
<a class="dropdown-item" href="clouds.html">Cloudiness</a>
<!--<div class="dropdown-divider"></div>-->
<a class="dropdown-item" href="wind.html">Wind Speed</a>
<a class="dropdown-item" href="humidity.html">Humidity</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="comparison.html">Comparison</a>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
</ul>
</div>
</div>
</nav>
<article>
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="content-box">
<h1 class="h">Summary: Latitude vs. Weather</h1>
<hr>
<img class="img-paragraph" width="300" src="Resources/temperature.png" alt="Graph of Temperature vs. Latitude">
<p>The purpose of this project was to analyze weather patterns with respect to latitude. To accomplish this, we used the OpenWeatherMap API to collect information on weather conditions for over 500 randomly selected cities.</p>
<p>After assembling the dataset, we used Matplotlib to plot multiple aspects of the weather with respect to latitude. These factors were temperature, cloud cover, wind speed, and humidity. This site provides the source data and visualizations created for this analysis, as well as descriptions of trends observed.</p>
</div>
</div>
<!-- Nav Panel -->
<div class="col-lg-4">
<div class="content-box">
<h2 class="h">Visualizations</h2>
<hr>
<a href="temperature.html">
<img class="img-nav-panel" src="Resources/temperature.png">
</a>
<a href="clouds.html">
<img class="img-nav-panel" src="Resources/clouds.png">
</a>
<a href="wind.html">
<img class="img-nav-panel" src="Resources/wind.png">
</a>
<a href="humidity.html">
<img class="img-nav-panel" src="Resources/humidity.png">
</a>
</div>
</div>
</div>
</article>
</body>
</html>