-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
84 lines (68 loc) · 4.43 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Web Design HW Landing Page</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel='stylesheet' href='assets/style.css'>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html" >Latitude</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Plots
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="temp.html">Temperature</a>
<a class="dropdown-item" href="humidity.html">Humidity</a>
<a class="dropdown-item" href="wind_speed.html">Wind Speed</a>
<a class="dropdown-item" href="cloudiness.html">Cloudiness</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
<li class="nav-item">
<a class="nav-link" href="comparisons.html">Comparisons</a>
</li>
</ul>
</div>
</nav>
<br>
<br>
<div class="container">
<!-- <figure class="box"> -->
<div class="row">
<div class="col-md-8">
<!-- project summary -->
<!-- <div class="summary"> -->
<h2>Summary: Latitude vs. X</h2>
<img id="summary-viz" src="visualizations/lat_vs_temp_chart.png" alt="Lattitude versus temperature scatter plot">
<p>This project analyzed weather data from locations across the globe to see how weather changes with distance from the equator. Data was compiled using open Weather API and Google Places API to randomly sample 500+ cities around the world and pulls weather data for analysis.</p>
<p>
Once the dataset was created, we used Pandas and Matplotib to visuzlize relationship between latitude and specific weather factors. Specifically, we analyzed temperature, humidity, cloudiness, and wind speed. On this site, you can find the original dataset as well as visualizations, comparison, and analysis.
</p>
<!-- </div> -->
</div>
<!-- </figure> -->
<div class="col-md-4">
<h5>Visualizations</h5>
<!-- link and photo to each vizualzations-->
<a href="temp.html"><img src="visualizations/lat_vs_temp_chart.png" alt="Lattitude versus temperature scatter plot" width="150" height="100"></a>
<a href="humidity.html"><img src="visualizations/lat_vs_humidity_chart.png" alt="Lattitude versus Humidity scatter plot" width="150" height="100"></a>
<a href="wind_speed.html"><img src="visualizations/lat_vs_wind_chart.png" alt="Lattitude versus wind scatter plot" width="150" height="100"></a>
<a href="cloudiness.html"><img src="visualizations/lat_vs_cloud_chart.png" alt="Lattitude versus cloudiness scatter plot" width="150" height="100"></a>
</div>
</div>
</div>
<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>
</body>
</html>