-
Notifications
You must be signed in to change notification settings - Fork 0
/
cloudiness.html
87 lines (80 loc) · 3.98 KB
/
cloudiness.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--Instruct Internet Explorer to use its latest rendering engine-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--create a title-->
<title>Cloudiness - Temperature Analysis</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--create the navbar-->
<nav class="navbar navbar-expand-lg bg-light">
<ul class="nav navbar-nav navbar-left">
<a class="a" href="index.html">Latitude
</a>
</ul>
<div class="collapse navbar-collapse" id="navbarSupportedContent"></div>
<ul class="nav navbar-nav navbar-right">
<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">
Plot
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="temp.html" >Max Temprature</a>
<a class="dropdown-item" href="humidity.html">Humidity</a>
<a class="dropdown-item" href="cloudiness.html">Cloudiness</a>
<a class="dropdown-item" href="wind.html">Wind Speed</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="comparision.html">Comparison</a>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
</ul>
</div>
</nav>
<!--display content in two containers-->
<div class="float-container">
<div class="float-child">
<h1>Cloudiness</h1>
<hr>
<br>
<br>
<p>
<a href="Images/Fig3.png">
<img src="Images/Fig3.png", class = "first-img w3-image", alt= "Cloudiness vs Latitude">
</a>
There is low to no correlation between cloudiness and latitudes of the cities in the data. Perhaps the changing season is the reason for it.
The data is from the current weather report so it may not be enough for us to show a definite relation between cloudiness and latitudes.
</p>
</div>
<div class="float-child">
<h2>Visualizations</h2>
<hr>
<br>
<br>
<a href="temp.html"><!--wrap text around the img and create a link-->
<img src="Images/Fig1.png", class = "second-img w3-image" , alt= "Temp vs Latitude">
</a>
<a href="humidity.html"><!--wrap text around the img and create a link-->
<img src="Images/Fig2.png", class = "second-img w3-image", alt= "Humidity vs Latitude">
</a>
<a href="cloudiness.html"><!--wrap text around the img and create a link-->
<img src="Images/Fig3.png", class = "second-img w3-image", alt= "Cloudiness vs Latitude">
</a>
<a href="wind.html"><!--wrap text around the img and create a link-->
<img src="Images/Fig4.png", class = "second-img w3-image", alt= "Wind vs Latitude">
</a>
</div>
</div>
<!--separate scripts solution Popper.js for functionality of Javascript-->
<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/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
</body>
</html>