-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathplot2.html
95 lines (85 loc) · 3.3 KB
/
plot2.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Latitude vs Humidity</title>
<!-- Bootstrap core CSS -->
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="bootstrap.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-info">
<a class="navbar-brand" href="index.html"><img src="white_house.png" height=20px> Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Plots
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="plot1.html">Plot 1</a>
<a class="dropdown-item" href="plot2.html">Plot 2</a>
<a class="dropdown-item" href="plot3.html">Plot 3</a>
<a class="dropdown-item" href="plot4.html">Plot 4</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="comparisons.html">Comparisons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="cities.html">Data</a>
</li>
</ul>
</div>
</nav>
<div class="py-5 px-3">
<div class="jumbotron text-center">
<h1 class="display-5">Latitude vs Humidity</h1>
<p class="lead text-muted">Analysis based on Chart Data</p>
</div>
</div>
<div class="container">
<div class="col">
<div class="card bg-secondary mb-3 rounded" style="max-width: 100rem;">
<h4 class="card-header bg-info text-light text-center">Visualizations</h4>
<div class="card-body">
<div class="container">
<div class="col">
<h4 class="card-title">Data Analysis</h4>
<p class="card-text">
Again, not a super conclusive chart/graph, however you can see some clustering in the top left and top right,
and that may indicate that the trend is toward more humidity the more north and south you go.
</p>
</div>
<div class="text-center">
<img src="Resources/assets/images/latitude_vs_humidity.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>