-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (73 loc) · 4.25 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
<html lang="en-us"><head>
<meta charset="UTF-8">
<title>Web Visualization Dashboard</title>
<!-- Bootstrap CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="custom.css">
</head>
<!--Add Navigation bar-->
<body data-gr-c-s-loaded="true">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<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">Latitude</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="index.html" class="dropdown-toggle" id="plotsDropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Plots<span class="caret"></span></a>
<ul class="dropdown-menu" aria-labelledby="plotsDropdown">
<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><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- Creates the Overall Grid -->
<div class="container">
<section>
<div class="col-md-8">
<article class="description-content">
<h1>Summary: Latitude vs. X</h1>
<hr>
<a href="max_temp.html"><img class="image-main" src="Resources/assets/images/Fig1.png" width="600" height="412" ></a>
<p>For this html/css assignment, we were asked to analyze weather data from over 500 cities to determine the effect that
their latitude,
or their distance from the equator, had on multiple weather-related conditions. Citipy was used to generate
the list of cities,
which was then used in conjunction with the OpenWeatherMap API to retrieve the weather data. After assembling the dataset, Matplotlib was used to plot the effect of latitude
on temperature, humidity, cloudiness and wind speed. This site provides source data and visualizations created as part of the analysis, along with any observable trends within
the dataset.
</p>
</article>
</div>
<!-- width="360" height="247" -->
<div class="col-md-4">
<article class="description-content">
<h1>Visualizations</h1>
<hr>
<a href="max_temp.html"><img class="image-link" src="Resources/assets/images/Fig1.png" width="360" height="247"></a>
<a href="humidity.html"><img class="image-link" src="Resources/assets/images/Fig2.png" width="360" height="247"></a>
<a href="cloudiness.html"><img class="image-link" src="Resources/assets/images/Fig3.png" width="360" height="247"></a>
<a href="wind_speed.html"><img class="image-link" src="Resources/assets/images/Fig4.png" width="360" height="247"></a>
</article>
</div>
</section>
</div>
</body></html>