Update app.py with new dataset URL

app.ipynb

@@ -2,7 +2,7 @@
  "cells": [
   {
    "cell_type": "code",
-   "execution_count": 91,
+   "execution_count": 121,
    "metadata": {},
    "outputs": [
     {
@@ -98,7 +98,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 92,
+   "execution_count": 122,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -113,7 +113,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 93,
+   "execution_count": 123,
    "metadata": {},
    "outputs": [
     {
@@ -160,12 +160,12 @@
      "data": {
       "application/vnd.holoviews_exec.v0+json": "",
       "text/html": [
-       "<div id='09e51de3-3fe2-4304-aa8b-d3af5d25449c'>\n",
-       "  <div id=\"a669020a-e832-4990-b53b-853da5a50678\" data-root-id=\"09e51de3-3fe2-4304-aa8b-d3af5d25449c\" style=\"display: contents;\"></div>\n",
+       "<div id='a964c7e5-8114-462f-ad64-8656b8a9812c'>\n",
+       "  <div id=\"d3fca624-a674-49b9-8d92-2bd4ee95035f\" data-root-id=\"a964c7e5-8114-462f-ad64-8656b8a9812c\" style=\"display: contents;\"></div>\n",
        "</div>\n",
        "<script type=\"application/javascript\">(function(root) {\n",
-       "  var docs_json = {\"2e56390f-f05e-4657-87a3-f8a85f0e3e07\":{\"version\":\"3.3.4\",\"title\":\"Bokeh Application\",\"roots\":[{\"type\":\"object\",\"name\":\"panel.models.browser.BrowserInfo\",\"id\":\"09e51de3-3fe2-4304-aa8b-d3af5d25449c\"},{\"type\":\"object\",\"name\":\"panel.models.comm_manager.CommManager\",\"id\":\"20456677-627c-48a7-b7f6-e72b266225cb\",\"attributes\":{\"plot_id\":\"09e51de3-3fe2-4304-aa8b-d3af5d25449c\",\"comm_id\":\"422c48e88dc64fce9a534a26aaaf86dd\",\"client_comm_id\":\"8f839071df30437f8bf24fb1d20f2f7c\"}}],\"defs\":[{\"type\":\"model\",\"name\":\"ReactiveHTML1\"},{\"type\":\"model\",\"name\":\"FlexBox1\",\"properties\":[{\"name\":\"align_content\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"align_items\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"flex_direction\",\"kind\":\"Any\",\"default\":\"row\"},{\"name\":\"flex_wrap\",\"kind\":\"Any\",\"default\":\"wrap\"},{\"name\":\"justify_content\",\"kind\":\"Any\",\"default\":\"flex-start\"}]},{\"type\":\"model\",\"name\":\"FloatPanel1\",\"properties\":[{\"name\":\"config\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"contained\",\"kind\":\"Any\",\"default\":true},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"right-top\"},{\"name\":\"offsetx\",\"kind\":\"Any\",\"default\":null},{\"name\":\"offsety\",\"kind\":\"Any\",\"default\":null},{\"name\":\"theme\",\"kind\":\"Any\",\"default\":\"primary\"},{\"name\":\"status\",\"kind\":\"Any\",\"default\":\"normalized\"}]},{\"type\":\"model\",\"name\":\"GridStack1\",\"properties\":[{\"name\":\"mode\",\"kind\":\"Any\",\"default\":\"warn\"},{\"name\":\"ncols\",\"kind\":\"Any\",\"default\":null},{\"name\":\"nrows\",\"kind\":\"Any\",\"default\":null},{\"name\":\"allow_resize\",\"kind\":\"Any\",\"default\":true},{\"name\":\"allow_drag\",\"kind\":\"Any\",\"default\":true},{\"name\":\"state\",\"kind\":\"Any\",\"default\":[]}]},{\"type\":\"model\",\"name\":\"drag1\",\"properties\":[{\"name\":\"slider_width\",\"kind\":\"Any\",\"default\":5},{\"name\":\"slider_color\",\"kind\":\"Any\",\"default\":\"black\"},{\"name\":\"value\",\"kind\":\"Any\",\"default\":50}]},{\"type\":\"model\",\"name\":\"click1\",\"properties\":[{\"name\":\"terminal_output\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"debug_name\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"clears\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"copy_to_clipboard1\",\"properties\":[{\"name\":\"fill\",\"kind\":\"Any\",\"default\":\"none\"},{\"name\":\"value\",\"kind\":\"Any\",\"default\":null}]},{\"type\":\"model\",\"name\":\"FastWrapper1\",\"properties\":[{\"name\":\"object\",\"kind\":\"Any\",\"default\":null},{\"name\":\"style\",\"kind\":\"Any\",\"default\":null}]},{\"type\":\"model\",\"name\":\"NotificationAreaBase1\",\"properties\":[{\"name\":\"js_events\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"NotificationArea1\",\"properties\":[{\"name\":\"js_events\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"notifications\",\"kind\":\"Any\",\"default\":[]},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0},{\"name\":\"types\",\"kind\":\"Any\",\"default\":[{\"type\":\"map\",\"entries\":[[\"type\",\"warning\"],[\"background\",\"#ffc107\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-exclamation-triangle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]},{\"type\":\"map\",\"entries\":[[\"type\",\"info\"],[\"background\",\"#007bff\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-info-circle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]}]}]},{\"type\":\"model\",\"name\":\"Notification\",\"properties\":[{\"name\":\"background\",\"kind\":\"Any\",\"default\":null},{\"name\":\"duration\",\"kind\":\"Any\",\"default\":3000},{\"name\":\"icon\",\"kind\":\"Any\",\"default\":null},{\"name\":\"message\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"notification_type\",\"kind\":\"Any\",\"default\":null},{\"name\":\"_destroyed\",\"kind\":\"Any\",\"default\":false}]},{\"type\":\"model\",\"name\":\"TemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"BootstrapTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"MaterialTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]}]}};\n",
-       "  var render_items = [{\"docid\":\"2e56390f-f05e-4657-87a3-f8a85f0e3e07\",\"roots\":{\"09e51de3-3fe2-4304-aa8b-d3af5d25449c\":\"a669020a-e832-4990-b53b-853da5a50678\"},\"root_ids\":[\"09e51de3-3fe2-4304-aa8b-d3af5d25449c\"]}];\n",
+       "  var docs_json = {\"aee097b3-2f0a-453f-8826-660fcfc488d5\":{\"version\":\"3.3.4\",\"title\":\"Bokeh Application\",\"roots\":[{\"type\":\"object\",\"name\":\"panel.models.browser.BrowserInfo\",\"id\":\"a964c7e5-8114-462f-ad64-8656b8a9812c\"},{\"type\":\"object\",\"name\":\"panel.models.comm_manager.CommManager\",\"id\":\"452b80d0-cfde-49b0-b615-e5b50f878e9e\",\"attributes\":{\"plot_id\":\"a964c7e5-8114-462f-ad64-8656b8a9812c\",\"comm_id\":\"7b5fc50b38af4747aa22865290defeb5\",\"client_comm_id\":\"4fd191d5d08d463a948de162e665a26a\"}}],\"defs\":[{\"type\":\"model\",\"name\":\"ReactiveHTML1\"},{\"type\":\"model\",\"name\":\"FlexBox1\",\"properties\":[{\"name\":\"align_content\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"align_items\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"flex_direction\",\"kind\":\"Any\",\"default\":\"row\"},{\"name\":\"flex_wrap\",\"kind\":\"Any\",\"default\":\"wrap\"},{\"name\":\"justify_content\",\"kind\":\"Any\",\"default\":\"flex-start\"}]},{\"type\":\"model\",\"name\":\"FloatPanel1\",\"properties\":[{\"name\":\"config\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"contained\",\"kind\":\"Any\",\"default\":true},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"right-top\"},{\"name\":\"offsetx\",\"kind\":\"Any\",\"default\":null},{\"name\":\"offsety\",\"kind\":\"Any\",\"default\":null},{\"name\":\"theme\",\"kind\":\"Any\",\"default\":\"primary\"},{\"name\":\"status\",\"kind\":\"Any\",\"default\":\"normalized\"}]},{\"type\":\"model\",\"name\":\"GridStack1\",\"properties\":[{\"name\":\"mode\",\"kind\":\"Any\",\"default\":\"warn\"},{\"name\":\"ncols\",\"kind\":\"Any\",\"default\":null},{\"name\":\"nrows\",\"kind\":\"Any\",\"default\":null},{\"name\":\"allow_resize\",\"kind\":\"Any\",\"default\":true},{\"name\":\"allow_drag\",\"kind\":\"Any\",\"default\":true},{\"name\":\"state\",\"kind\":\"Any\",\"default\":[]}]},{\"type\":\"model\",\"name\":\"drag1\",\"properties\":[{\"name\":\"slider_width\",\"kind\":\"Any\",\"default\":5},{\"name\":\"slider_color\",\"kind\":\"Any\",\"default\":\"black\"},{\"name\":\"value\",\"kind\":\"Any\",\"default\":50}]},{\"type\":\"model\",\"name\":\"click1\",\"properties\":[{\"name\":\"terminal_output\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"debug_name\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"clears\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"copy_to_clipboard1\",\"properties\":[{\"name\":\"fill\",\"kind\":\"Any\",\"default\":\"none\"},{\"name\":\"value\",\"kind\":\"Any\",\"default\":null}]},{\"type\":\"model\",\"name\":\"FastWrapper1\",\"properties\":[{\"name\":\"object\",\"kind\":\"Any\",\"default\":null},{\"name\":\"style\",\"kind\":\"Any\",\"default\":null}]},{\"type\":\"model\",\"name\":\"NotificationAreaBase1\",\"properties\":[{\"name\":\"js_events\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"NotificationArea1\",\"properties\":[{\"name\":\"js_events\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"notifications\",\"kind\":\"Any\",\"default\":[]},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0},{\"name\":\"types\",\"kind\":\"Any\",\"default\":[{\"type\":\"map\",\"entries\":[[\"type\",\"warning\"],[\"background\",\"#ffc107\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-exclamation-triangle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]},{\"type\":\"map\",\"entries\":[[\"type\",\"info\"],[\"background\",\"#007bff\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-info-circle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]}]}]},{\"type\":\"model\",\"name\":\"Notification\",\"properties\":[{\"name\":\"background\",\"kind\":\"Any\",\"default\":null},{\"name\":\"duration\",\"kind\":\"Any\",\"default\":3000},{\"name\":\"icon\",\"kind\":\"Any\",\"default\":null},{\"name\":\"message\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"notification_type\",\"kind\":\"Any\",\"default\":null},{\"name\":\"_destroyed\",\"kind\":\"Any\",\"default\":false}]},{\"type\":\"model\",\"name\":\"TemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"BootstrapTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"MaterialTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]}]}};\n",
+       "  var render_items = [{\"docid\":\"aee097b3-2f0a-453f-8826-660fcfc488d5\",\"roots\":{\"a964c7e5-8114-462f-ad64-8656b8a9812c\":\"d3fca624-a674-49b9-8d92-2bd4ee95035f\"},\"root_ids\":[\"a964c7e5-8114-462f-ad64-8656b8a9812c\"]}];\n",
        "  var docs = Object.values(docs_json)\n",
        "  if (!docs) {\n",
        "    return\n",
@@ -229,193 +229,60 @@
      },
      "metadata": {
       "application/vnd.holoviews_exec.v0+json": {
-       "id": "09e51de3-3fe2-4304-aa8b-d3af5d25449c"
+       "id": "a964c7e5-8114-462f-ad64-8656b8a9812c"
       }
      },
      "output_type": "display_data"
-    },
-    {
-     "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>Temperature</th>\n",
-       "      <th>Humidity</th>\n",
-       "      <th>Light</th>\n",
-       "      <th>CO2</th>\n",
-       "      <th>HumidityRatio</th>\n",
-       "      <th>Occupancy</th>\n",
-       "    </tr>\n",
-       "    <tr>\n",
-       "      <th>date</th>\n",
-       "      <th></th>\n",
-       "      <th></th>\n",
-       "      <th></th>\n",
-       "      <th></th>\n",
-       "      <th></th>\n",
-       "      <th></th>\n",
-       "    </tr>\n",
-       "  </thead>\n",
-       "  <tbody>\n",
-       "    <tr>\n",
-       "      <th>2015-02-10 09:29:00</th>\n",
-       "      <td>21.05</td>\n",
-       "      <td>36.0975</td>\n",
-       "      <td>433.0</td>\n",
-       "      <td>787.250000</td>\n",
-       "      <td>0.005579</td>\n",
-       "      <td>1</td>\n",
-       "    </tr>\n",
-       "    <tr>\n",
-       "      <th>2015-02-10 09:29:59</th>\n",
-       "      <td>21.05</td>\n",
-       "      <td>35.9950</td>\n",
-       "      <td>433.0</td>\n",
-       "      <td>789.500000</td>\n",
-       "      <td>0.005563</td>\n",
-       "      <td>1</td>\n",
-       "    </tr>\n",
-       "    <tr>\n",
-       "      <th>2015-02-10 09:30:59</th>\n",
-       "      <td>21.10</td>\n",
-       "      <td>36.0950</td>\n",
-       "      <td>433.0</td>\n",
-       "      <td>798.500000</td>\n",
-       "      <td>0.005596</td>\n",
-       "      <td>1</td>\n",
-       "    </tr>\n",
-       "    <tr>\n",
-       "      <th>2015-02-10 09:32:00</th>\n",
-       "      <td>21.10</td>\n",
-       "      <td>36.2600</td>\n",
-       "      <td>433.0</td>\n",
-       "      <td>820.333333</td>\n",
-       "      <td>0.005621</td>\n",
-       "      <td>1</td>\n",
-       "    </tr>\n",
-       "    <tr>\n",
-       "      <th>2015-02-10 09:33:00</th>\n",
-       "      <td>21.10</td>\n",
-       "      <td>36.2000</td>\n",
-       "      <td>447.0</td>\n",
-       "      <td>821.000000</td>\n",
-       "      <td>0.005612</td>\n",
-       "      <td>1</td>\n",
-       "    </tr>\n",
-       "  </tbody>\n",
-       "</table>\n",
-       "</div>"
-      ],
-      "text/plain": [
-       "                     Temperature  Humidity  Light         CO2  HumidityRatio  \\\n",
-       "date                                                                           \n",
-       "2015-02-10 09:29:00        21.05   36.0975  433.0  787.250000       0.005579   \n",
-       "2015-02-10 09:29:59        21.05   35.9950  433.0  789.500000       0.005563   \n",
-       "2015-02-10 09:30:59        21.10   36.0950  433.0  798.500000       0.005596   \n",
-       "2015-02-10 09:32:00        21.10   36.2600  433.0  820.333333       0.005621   \n",
-       "2015-02-10 09:33:00        21.10   36.2000  447.0  821.000000       0.005612   \n",
-       "\n",
-       "                     Occupancy  \n",
-       "date                            \n",
-       "2015-02-10 09:29:00          1  \n",
-       "2015-02-10 09:29:59          1  \n",
-       "2015-02-10 09:30:59          1  \n",
-       "2015-02-10 09:32:00          1  \n",
-       "2015-02-10 09:33:00          1  "
-      ]
-     },
-     "execution_count": 93,
-     "metadata": {},
-     "output_type": "execute_result"
     }
    ],
    "source": [
     "# | export\n",
     "pn.extension(\n",
     "    template=\"fast\",\n",
-    ")\n",
-    "\n",
-    "csv_file = (\"https://raw.githubusercontent.com/holoviz/panel/main/examples/assets/occupancy.csv\")\n",
-    "data = pd.read_csv(csv_file, parse_dates=[\"date\"], index_col=\"date\")\n",
-    "\n",
-    "data.tail()"
+    ")\n"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 94,
+   "execution_count": 124,
    "metadata": {},
    "outputs": [],
    "source": [
-    "#|export\n",
-    "def transform_data(variable, window, sigma):\n",
-    "    ''' Calculates the rolling average and the outliers '''\n",
-    "    avg = data[variable].rolling(window=window).mean()\n",
-    "    residual = data[variable] - avg\n",
-    "    std = residual.rolling(window=window).std()\n",
-    "    outliers = np.abs(residual) > std * sigma\n",
-    "    return avg, avg[outliers]\n",
-    "\n",
-    "def create_plot(variable=\"Temperature\", window=30, sigma=10):\n",
-    "    ''' Plots the rolling average and the outliers '''\n",
-    "    avg, highlight = transform_data(variable, window, sigma)\n",
-    "    return avg.hvplot(height=300, width=400, legend=False) * highlight.hvplot.scatter(\n",
-    "        color=\"orange\", padding=0.1, legend=False\n",
-    "    )"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 95,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "#|export\n",
-    "variable_widget = pn.widgets.Select(name=\"variable\", value=\"Temperature\", options=list(data.columns))\n",
-    "window_widget = pn.widgets.IntSlider(name=\"window\", value=30, start=1, end=60)\n",
-    "sigma_widget = pn.widgets.IntSlider(name=\"sigma\", value=10, start=0, end=20)"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 96,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "#|export\n",
-    "bound_plot = pn.bind(create_plot, variable=variable_widget, window=window_widget, sigma=sigma_widget)"
+    "# | export\n",
+    "url = pn.widgets.TextInput(name=\"url\", placeholder=\"Enter the url of the dataset\", value=\"https://raw.githubusercontent.com/holoviz/panel/main/examples/assets/occupancy.csv\")\n",
+    "pn.Row(url).servable(target=\"sidebar\");\n"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 99,
+   "execution_count": 125,
    "metadata": {},
-   "outputs": [],
+   "outputs": [
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "c0bae5fceeee417d8482d5bd92567ad4",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "BokehModel(combine_events=True, render_bundle={'docs_json': {'539dfb87-5515-4fa5-9d41-115c5f634125': {'version…"
+      ]
+     },
+     "execution_count": 125,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
    "source": [
-    "#|export\n",
-    "pn.Column(variable_widget, window_widget, sigma_widget).servable(target=\"sidebar\")\n",
-    "pn.Row(bound_plot).servable(target=\"main\");"
+    "# | export\n",
+    "dataset = pd.read_csv(url.value)\n",
+    "pn.Row(dataset.head().hvplot().opts(width=800, height=400)).servable(target=\"main\")"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 98,
+   "execution_count": 126,
    "metadata": {},
    "outputs": [],
    "source": [

app.py

@@ -1,7 +1,7 @@
 # AUTOGENERATED! DO NOT EDIT! File to edit: app.ipynb.
 
 # %% auto 0
-__all__ = ['csv_file', 'data', 'variable_widget', 'window_widget', 'sigma_widget', 'bound_plot', 'transform_data', 'create_plot']
+__all__ = ['url', 'dataset']
 
 # %% app.ipynb 1
 import panel as pn
@@ -16,35 +16,12 @@ pn.extension(
     template="fast",
 )
 
-csv_file = ("https://raw.githubusercontent.com/holoviz/panel/main/examples/assets/occupancy.csv")
-data = pd.read_csv(csv_file, parse_dates=["date"], index_col="date")
-
-data.tail()
 
 # %% app.ipynb 3
-def transform_data(variable, window, sigma):
-    ''' Calculates the rolling average and the outliers '''
-    avg = data[variable].rolling(window=window).mean()
-    residual = data[variable] - avg
-    std = residual.rolling(window=window).std()
-    outliers = np.abs(residual) > std * sigma
-    return avg, avg[outliers]
-
-def create_plot(variable="Temperature", window=30, sigma=10):
-    ''' Plots the rolling average and the outliers '''
-    avg, highlight = transform_data(variable, window, sigma)
-    return avg.hvplot(height=300, width=400, legend=False) * highlight.hvplot.scatter(
-        color="orange", padding=0.1, legend=False
-    )
-
-# %% app.ipynb 4
-variable_widget = pn.widgets.Select(name="variable", value="Temperature", options=list(data.columns))
-window_widget = pn.widgets.IntSlider(name="window", value=30, start=1, end=60)
-sigma_widget = pn.widgets.IntSlider(name="sigma", value=10, start=0, end=20)
+url = pn.widgets.TextInput(name="url", placeholder="Enter the url of the dataset", value="https://raw.githubusercontent.com/holoviz/panel/main/examples/assets/occupancy.csv")
+pn.Row(url).servable(target="sidebar");
 
-# %% app.ipynb 5
-bound_plot = pn.bind(create_plot, variable=variable_widget, window=window_widget, sigma=sigma_widget)
 
-# %% app.ipynb 6
-pn.Column(variable_widget, window_widget, sigma_widget).servable(target="sidebar")
-pn.Row(bound_plot).servable(target="main")
+# %% app.ipynb 4
+dataset = pd.read_csv(url.value)
+pn.Row(dataset.head().hvplot().opts(width=800, height=400)).servable(target="main")