Upload webpanel.ipynb

webpanel.ipynb

@@ -69,34 +69,30 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 13,
+   "execution_count": 14,
    "id": "7a7f9587-a4d9-4d78-8d57-24cec677dfd0",
    "metadata": {
     "tags": []
    },
    "outputs": [
     {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "Launching server at http://localhost:44931\n"
+     "ename": "NameError",
+     "evalue": "name 'figure' is not defined",
+     "output_type": "error",
+     "traceback": [
+      "\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
+      "\u001b[0;31mNameError\u001b[0m                                 Traceback (most recent call last)",
+      "\u001b[0;32m<ipython-input-14-25e59633d8a6>\u001b[0m in \u001b[0;36m<module>\u001b[0;34m\u001b[0m\n\u001b[1;32m     12\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m     13\u001b[0m \u001b[0;31m# Create a Bokeh figure\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m---> 14\u001b[0;31m \u001b[0mp\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0mfigure\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mx_range\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0mchurn_rate\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mindex\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mtolist\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mplot_height\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0;36m400\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mtitle\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0;34m\"Customer Churn Rate\"\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m     15\u001b[0m \u001b[0mp\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mvbar\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mx\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0mchurn_rate\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mindex\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mtolist\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mtop\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0mchurn_rate\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mvalues\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mtolist\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mwidth\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0;36m0.5\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m     16\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n",
+      "\u001b[0;31mNameError\u001b[0m: name 'figure' is not defined"
      ]
-    },
-    {
-     "data": {
-      "text/plain": [
-       "<panel.io.server.Server at 0x7f64052afb90>"
-      ]
-     },
-     "execution_count": 13,
-     "metadata": {},
-     "output_type": "execute_result"
     }
    ],
    "source": [
     "import pandas as pd\n",
     "import matplotlib.pyplot as plt\n",
     "import panel as pn\n",
+    "from bokeh.plotting import figure\n",
+    "from bokeh.models import ColumnDataSource\n",
     "\n",
     "# Load customer churn data\n",
     "data_url = 'train.csv'\n",
@@ -106,15 +102,12 @@
     "# Calculate churn rate\n",
     "churn_rate = df['churn'].value_counts() / len(df)\n",
     "\n",
-    "# Create a bar plot of the churn rate\n",
-    "fig, ax = plt.subplots()\n",
-    "ax.bar(churn_rate.index, churn_rate.values)\n",
-    "ax.set_title('Customer Churn Rate')\n",
-    "ax.set_xlabel('churn')\n",
-    "ax.set_ylabel('Rate')\n",
+    "# Create a Bokeh figure\n",
+    "p = figure(x_range=churn_rate.index.tolist(), plot_height=400, title=\"Customer Churn Rate\")\n",
+    "p.vbar(x=churn_rate.index.tolist(), top=churn_rate.values.tolist(), width=0.5)\n",
     "\n",
     "# Create a Panel plot\n",
-    "plot_pane = pn.pane.Matplotlib(fig, tight=True)\n",
+    "plot_pane = pn.pane.Bokeh(p)\n",
     "\n",
     "# Create a Panel app layout\n",
     "app_layout = pn.Column(\n",