csv_to_html.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Exporting CSV data to HTML format"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "metadata": {},
   "outputs": [],
   "source": [
    "import pandas as pd"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>Unnamed: 0</th>\n",
       "      <th>City</th>\n",
       "      <th>Country</th>\n",
       "      <th>Date</th>\n",
       "      <th>Lat</th>\n",
       "      <th>Long</th>\n",
       "      <th>Max Temp</th>\n",
       "      <th>Min Temp</th>\n",
       "      <th>Humidity</th>\n",
       "      <th>Wind Speed</th>\n",
       "      <th>Cloudiness</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>0</td>\n",
       "      <td>portland</td>\n",
       "      <td>US</td>\n",
       "      <td>1.562359e+09</td>\n",
       "      <td>43.66</td>\n",
       "      <td>-70.25</td>\n",
       "      <td>91.99</td>\n",
       "      <td>75.00</td>\n",
       "      <td>48.0</td>\n",
       "      <td>13.87</td>\n",
       "      <td>75.0</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>1</td>\n",
       "      <td>mataura</td>\n",
       "      <td>NZ</td>\n",
       "      <td>1.562359e+09</td>\n",
       "      <td>-46.19</td>\n",
       "      <td>168.86</td>\n",
       "      <td>44.01</td>\n",
       "      <td>44.01</td>\n",
       "      <td>91.0</td>\n",
       "      <td>1.01</td>\n",
       "      <td>60.0</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>2</td>\n",
       "      <td>mahebourg</td>\n",
       "      <td>MU</td>\n",
       "      <td>1.562359e+09</td>\n",
       "      <td>-20.41</td>\n",
       "      <td>57.70</td>\n",
       "      <td>71.60</td>\n",
       "      <td>66.99</td>\n",
       "      <td>68.0</td>\n",
       "      <td>6.93</td>\n",
       "      <td>40.0</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>3</td>\n",
       "      <td>iqaluit</td>\n",
       "      <td>CA</td>\n",
       "      <td>1.562359e+09</td>\n",
       "      <td>63.75</td>\n",
       "      <td>-68.52</td>\n",
       "      <td>41.00</td>\n",
       "      <td>41.00</td>\n",
       "      <td>100.0</td>\n",
       "      <td>10.29</td>\n",
       "      <td>90.0</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>4</td>\n",
       "      <td>hermanus</td>\n",
       "      <td>ZA</td>\n",
       "      <td>1.562359e+09</td>\n",
       "      <td>-34.42</td>\n",
       "      <td>19.24</td>\n",
       "      <td>52.00</td>\n",
       "      <td>52.00</td>\n",
       "      <td>91.0</td>\n",
       "      <td>4.00</td>\n",
       "      <td>15.0</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   Unnamed: 0       City Country          Date    Lat    Long  Max Temp  \\\n",
       "0           0   portland      US  1.562359e+09  43.66  -70.25     91.99   \n",
       "1           1    mataura      NZ  1.562359e+09 -46.19  168.86     44.01   \n",
       "2           2  mahebourg      MU  1.562359e+09 -20.41   57.70     71.60   \n",
       "3           3    iqaluit      CA  1.562359e+09  63.75  -68.52     41.00   \n",
       "4           4   hermanus      ZA  1.562359e+09 -34.42   19.24     52.00   \n",
       "\n",
       "   Min Temp  Humidity  Wind Speed  Cloudiness  \n",
       "0     75.00      48.0       13.87        75.0  \n",
       "1     44.01      91.0        1.01        60.0  \n",
       "2     66.99      68.0        6.93        40.0  \n",
       "3     41.00     100.0       10.29        90.0  \n",
       "4     52.00      91.0        4.00        15.0  "
      ]
     },
     "execution_count": 18,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# read in csv\n",
    "df = pd.read_csv(\"Resources/weather_by_city.csv\")\n",
    "\n",
    "df.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 19,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>City</th>\n",
       "      <th>Country</th>\n",
       "      <th>Date</th>\n",
       "      <th>Lat</th>\n",
       "      <th>Long</th>\n",
       "      <th>Max Temp</th>\n",
       "      <th>Min Temp</th>\n",
       "      <th>Humidity</th>\n",
       "      <th>Wind Speed</th>\n",
       "      <th>Cloudiness</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>portland</td>\n",
       "      <td>US</td>\n",
       "      <td>1.562359e+09</td>\n",
       "      <td>43.66</td>\n",
       "      <td>-70.25</td>\n",
       "      <td>91.99</td>\n",
       "      <td>75.00</td>\n",
       "      <td>48.0</td>\n",
       "      <td>13.87</td>\n",
       "      <td>75.0</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>mataura</td>\n",
       "      <td>NZ</td>\n",
       "      <td>1.562359e+09</td>\n",
       "      <td>-46.19</td>\n",
       "      <td>168.86</td>\n",
       "      <td>44.01</td>\n",
       "      <td>44.01</td>\n",
       "      <td>91.0</td>\n",
       "      <td>1.01</td>\n",
       "      <td>60.0</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>mahebourg</td>\n",
       "      <td>MU</td>\n",
       "      <td>1.562359e+09</td>\n",
       "      <td>-20.41</td>\n",
       "      <td>57.70</td>\n",
       "      <td>71.60</td>\n",
       "      <td>66.99</td>\n",
       "      <td>68.0</td>\n",
       "      <td>6.93</td>\n",
       "      <td>40.0</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>iqaluit</td>\n",
       "      <td>CA</td>\n",
       "      <td>1.562359e+09</td>\n",
       "      <td>63.75</td>\n",
       "      <td>-68.52</td>\n",
       "      <td>41.00</td>\n",
       "      <td>41.00</td>\n",
       "      <td>100.0</td>\n",
       "      <td>10.29</td>\n",
       "      <td>90.0</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>hermanus</td>\n",
       "      <td>ZA</td>\n",
       "      <td>1.562359e+09</td>\n",
       "      <td>-34.42</td>\n",
       "      <td>19.24</td>\n",
       "      <td>52.00</td>\n",
       "      <td>52.00</td>\n",
       "      <td>91.0</td>\n",
       "      <td>4.00</td>\n",
       "      <td>15.0</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "        City Country          Date    Lat    Long  Max Temp  Min Temp  \\\n",
       "0   portland      US  1.562359e+09  43.66  -70.25     91.99     75.00   \n",
       "1    mataura      NZ  1.562359e+09 -46.19  168.86     44.01     44.01   \n",
       "2  mahebourg      MU  1.562359e+09 -20.41   57.70     71.60     66.99   \n",
       "3    iqaluit      CA  1.562359e+09  63.75  -68.52     41.00     41.00   \n",
       "4   hermanus      ZA  1.562359e+09 -34.42   19.24     52.00     52.00   \n",
       "\n",
       "   Humidity  Wind Speed  Cloudiness  \n",
       "0      48.0       13.87        75.0  \n",
       "1      91.0        1.01        60.0  \n",
       "2      68.0        6.93        40.0  \n",
       "3     100.0       10.29        90.0  \n",
       "4      91.0        4.00        15.0  "
      ]
     },
     "execution_count": 19,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# drop extra index row\n",
    "df.drop('Unnamed: 0', axis=1, inplace=True)\n",
    "df.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 20,
   "metadata": {},
   "outputs": [],
   "source": [
    "# perform export to html file\n",
    "df.to_html(\"Resources/city_data_html.html\")"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.3"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}