final update

eddiexunyc · Oct 28, 2020 · 7cc6af5 · 7cc6af5
1 parent dbf5586
commit 7cc6af5
Show file tree

Hide file tree

Showing 14 changed files with 6,801 additions and 45 deletions.
diff --git a/.ipynb_checkpoints/web_chart-checkpoint.ipynb b/.ipynb_checkpoints/web_chart-checkpoint.ipynb
@@ -2,7 +2,7 @@
  "cells": [
   {
    "cell_type": "code",
-   "execution_count": 1,
+   "execution_count": 2,
    "metadata": {},
    "outputs": [
     {
@@ -118,7 +118,7 @@
        "4      RU  1528905306  "
       ]
      },
-     "execution_count": 1,
+     "execution_count": 2,
      "metadata": {},
      "output_type": "execute_result"
     }
@@ -138,7 +138,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 2,
+   "execution_count": 3,
    "metadata": {},
    "outputs": [
     {
@@ -162,13 +162,13 @@
     "plt.ylabel(\"Max Temperature (F)\")\n",
     "plt.grid(b=True, which = \"major\", axis = \"both\", linestyle = \"-\", color = \"grey\")\n",
     "\n",
-    "plt.savefig(\"Output Data/City Lat vs Max Temp.png\")\n",
+    "plt.savefig(\"Resources/Assets/City Lat vs Max Temp.png\")\n",
     "plt.show()"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 3,
+   "execution_count": 4,
    "metadata": {},
    "outputs": [
     {
@@ -192,13 +192,13 @@
     "plt.ylabel(\"Humidity\")\n",
     "plt.grid(b=True, which = \"major\", axis = \"both\", linestyle = \"-\", color = \"grey\")\n",
     "\n",
-    "plt.savefig(\"Output Data/City Lat vs Humidity.png\")\n",
+    "plt.savefig(\"Resources/Assets/City Lat vs Humidity.png\")\n",
     "plt.show()"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 4,
+   "execution_count": 5,
    "metadata": {},
    "outputs": [
     {
@@ -222,13 +222,13 @@
     "plt.ylabel(\"Cloudiness\")\n",
     "plt.grid(b=True, which = \"major\", axis = \"both\", linestyle = \"-\", color = \"grey\")\n",
     "\n",
-    "plt.savefig(\"Output Data/City Lat vs Cloudiness.png\")\n",
+    "plt.savefig(\"Resources/Assets/City Lat vs Cloudiness.png\")\n",
     "plt.show()"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 5,
+   "execution_count": 6,
    "metadata": {},
    "outputs": [
     {
@@ -252,10 +252,55 @@
     "plt.ylabel(\"Wind Speed (mph)\")\n",
     "plt.grid(b=True, which = \"major\", axis = \"both\", linestyle = \"-\", color = \"grey\")\n",
     "\n",
-    "plt.savefig(\"Output Data/City Latitude vs Wind Speed.png\")\n",
+    "plt.savefig(\"Resources/Assets/City Latitude vs Wind Speed.png\")\n",
     "plt.show()"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": 8,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "<bound method DataFrame.to_html of              City    Lat     Lng  Max Temp  Humidity  Cloudiness  Wind Speed  \\\n",
+      "0    jacareacanga  -6.22  -57.76     89.60        62           0        6.93   \n",
+      "1      kaitangata -46.28  169.85     42.61        94         100        5.64   \n",
+      "2        goulburn -34.75  149.72     44.32        91          20       10.11   \n",
+      "3            lata  30.78   78.62     59.89        89          76        0.94   \n",
+      "4      chokurdakh  70.62  147.90     32.17        88           0        2.95   \n",
+      "..            ...    ...     ...       ...       ...         ...         ...   \n",
+      "542        scalea  39.82   15.79     70.06       100          36        5.30   \n",
+      "543    san andres  13.32  122.68     83.47       100          68       22.64   \n",
+      "544        muisne   0.61  -80.02     76.90        84          92        4.63   \n",
+      "545           ati  13.21   18.34    104.53        25          20        4.97   \n",
+      "546      san luis -33.30  -66.34     42.43        53           0        2.62   \n",
+      "\n",
+      "    Country        Date  \n",
+      "0        BR  1528902000  \n",
+      "1        NZ  1528905304  \n",
+      "2        AU  1528905078  \n",
+      "3        IN  1528905305  \n",
+      "4        RU  1528905306  \n",
+      "..      ...         ...  \n",
+      "542      IT  1528905631  \n",
+      "543      PH  1528905632  \n",
+      "544      EC  1528905633  \n",
+      "545      TD  1528905633  \n",
+      "546      AR  1528905472  \n",
+      "\n",
+      "[547 rows x 9 columns]>\n"
+     ]
+    }
+   ],
+   "source": [
+    "cities_pd.to_html('data.html', index = False)\n",
+    "city_table = cities_pd.to_html\n",
+    "print(city_table)"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,

diff --git a/Output Data/City Lat vs Cloudiness.png → Resources/Assets/City Lat vs Cloudiness.png b/Output Data/City Lat vs Cloudiness.png → Resources/Assets/City Lat vs Cloudiness.png
diff --git a/Output Data/City Lat vs Humidity.png → Resources/Assets/City Lat vs Humidity.png b/Output Data/City Lat vs Humidity.png → Resources/Assets/City Lat vs Humidity.png
diff --git a/Output Data/City Lat vs Max Temp.png → Resources/Assets/City Lat vs Max Temp.png b/Output Data/City Lat vs Max Temp.png → Resources/Assets/City Lat vs Max Temp.png
diff --git a/Output Data/City Latitude vs Wind Speed.png → ...es/Assets/City Latitude vs Wind Speed.png b/Output Data/City Latitude vs Wind Speed.png → ...es/Assets/City Latitude vs Wind Speed.png
diff --git a/cloudiness.html b/cloudiness.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Landing Page</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <div class = "navigation">
+        <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="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+              <ul class="navbar-nav ml-auto">
+                <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 dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="temperature.html">Max Temperature</a>
+                    <a class="dropdown-item" href="humdity.html">Humidity</a>
+                    <a class="dropdown-item" href="cloudiness.html">Cloudiness</a>
+                    <a class="dropdown-item" href="windspeed.html">Wind Speed</a>
+                  </div>
+                </li>
+                <li class = "nav-item">
+                    <a class="dropdown-item" href="comparison.html">Comparison</a>
+                </li>
+                <li class = "nav-item">
+                    <a class="dropdown-item" href="data.html">Data</a>
+                </li>  
+              </ul>
+            </div>
+          </nav>
+    </div>
+
+    <div class = "container">
+        <div class = "row">
+            <div class = "col-lg-7">
+                <div class = "col-md-12">
+                    <div class ="h1">Cloudiness</div>
+                    <hr>
+                    <img src="Resources/Assets/City Lat vs Cloudiness.png" class="vizualization rounded float-left" alt="Cloudiness Graph">
+                    <p>
+                        Based on the graph, there is no correlation between latitude and cloudiness.
+                    </p>
+
+                </div>
+            </div>
+
+        </div>
+
+        <div class = "col-lg-5">
+            <div class = "col-md-12">
+                <div class = "box">
+                    <div class ="h1">Visualizations</div>
+                    <hr>
+                    <div class = "row">
+                        <div class = "col-6">
+                            <a href="temperature.html"><img src="Resources/Assets/City Lat vs Max Temp.png" width="100%"  alt="Max Temperature">
+                        </div>
+
+                        <div class = "col-6">
+                            <a href="humdity.html"><img src="Resources/Assets/City Lat vs Humidity.png" width="100%"  alt="Humidity">
+                        </div>
+
+                        <div class = "col-6">
+                            <a href="cloudiness.html"><img src="Resources/Assets/City Lat vs Cloudiness.png" width="100%"  alt="Cloudiness">
+                        </div>
+
+                        <div class = "col-6">
+                            <a href="windspeed.html"><img src="Resources/Assets/City Latitude vs Wind Speed.png" width="100%"  alt="Wind Speed">
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+    </div>
+
+
+</body>
diff --git a/comparison.html b/comparison.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Landing Page</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <div class = "navigation">
+        <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="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+              <ul class="navbar-nav ml-auto">
+                <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 dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="temperature.html">Max Temperature</a>
+                    <a class="dropdown-item" href="humdity.html">Humidity</a>
+                    <a class="dropdown-item" href="cloudiness.html">Cloudiness</a>
+                    <a class="dropdown-item" href="windspeed.html">Wind Speed</a>
+                  </div>
+                </li>
+                <li class = "nav-item">
+                    <a class="dropdown-item" href="comparison.html">Comparison</a>
+                </li>
+                <li class = "nav-item">
+                    <a class="dropdown-item" href="data.html">Data</a>
+                </li>  
+              </ul>
+            </div>
+          </nav>
+    </div>
+    <div class = "container">
+        <div class = "h1">Comparison: Latitude vs X</div>
+        <hr>
+        <p>Please click any plot graph to get an in-depth analysis</p>
+        <div class = "row">
+            <div class = "col-6">
+                <a href="temperature.html"><img src="Resources/Assets/City Lat vs Max Temp.png" width="100%"  alt="Max Temperature">
+            </div>
+
+            <div class = "col-6">
+                <a href="humdity.html"><img src="Resources/Assets/City Lat vs Humidity.png" width="100%"  alt="Humidity">
+            </div>
+
+            <div class = "col-6">
+                <a href="cloudiness.html"><img src="Resources/Assets/City Lat vs Cloudiness.png" width="100%"  alt="Cloudiness">
+            </div>
+
+            <div class = "col-6">
+                <a href="windspeed.html"><img src="Resources/Assets/City Latitude vs Wind Speed.png" width="100%"  alt="Wind Speed">
+            </div>
+        </div>
+
+    </div>
+
+
+</body>