Uses HTML, CSS, and Bootstrap to visualize weather metrics in relation to latitude.
Simple HTML structure and Python table conversion to HTML
Bootstrap-based navigation bar
<nav class="navbar navbar-expand-lg navbar-light green-small">
<a class="navbar-brand reverse" style="color: white;" href="index.html">Latitude</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 justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav">
<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="maxtemp.html">vs. Max Temp</a>
<a class="dropdown-item" href="humidity.html">vs. Humidity</a>
<a class="dropdown-item" href="cloudiness.html">vs. Cloudiness</a>
<a class="dropdown-item" href="windiness.html">vs. Windiness</a>
</div>
</li>
<li class="nav-item active">
<a class="nav-link" href="comparison.html">Comparison <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
</ul>
</div>
</nav>Simple Embedded Analyses
Humidity percentages indicate high humidity for a plurality of the data points on the date of collection. In terms of patterns, the high density of 100% scores seems only to reveal places where rain was reported. Otherwise, the latitudinal differences are ‘blobby,’ meaning that there is no clear pattern. A relatively high density of high humidity in the 50 to 60 degree latitudes and in the 0 to -15 latitudes might be worth further investigation.