Update ipyvizzustory_demo.ipynb

ipyvizzustory_demo.ipynb

@@ -46,16 +46,22 @@
     "from ipyvizzustory import Story  # or\n",
     "# from ipyvizzustory.env.ipy.story import Story\n",
     "\n",
-    "from IPython.display import display as display_html, HTML"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "id": "1a26e2e9",
-   "metadata": {},
-   "outputs": [],
-   "source": [
+    "from IPython.display import display as display_html, HTML\n",
+    "\n",
+    "import mercury as mr\n",
+    "\n",
+    "\n",
+    "# setup Mercury App\n",
+    "app = mr.App(\n",
+    "    title=\"ipyvizzu-story demo\", description=\"ipyvizzu-story demo with mercury\"\n",
+    ")\n",
+    " \n",
+    "# add widget\n",
+    "selected = mr.Select(\n",
+    "    label=\"Select what you want to see\", choices=[\"animation\", \"code\"], multi=True\n",
+    ")\n",
+    "\n",
+    "\n",
     "# create data and initialize Story with the created data\n",
     "\n",
     "data = Data()\n",
@@ -75,16 +81,8 @@
     "# )\n",
     "# data.add_data_frame(df)\n",
     "\n",
-    "story = Story(data=data)"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "id": "27b1d972",
-   "metadata": {},
-   "outputs": [],
-   "source": [
+    "story = Story(data=data)\n",
+    "\n",
     "# create Slides and Steps and add them to the Story\n",
     "\n",
     "slide1 = Slide(\n",
@@ -99,40 +97,16 @@
     "        Config({\"color\": \"Foo\", \"x\": \"Baz\", \"geometry\": \"circle\"}),\n",
     "    )\n",
     ")\n",
-    "story.add_slide(slide2)"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "id": "2e06c121",
-   "metadata": {},
-   "outputs": [],
-   "source": [
+    "story.add_slide(slide2)\n",
+    "\n",
     "# you can set the width and height (CSS style)\n",
     "\n",
-    "story.set_size(width=\"800px\", height=\"480px\")"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "id": "e06ff4de",
-   "metadata": {},
-   "outputs": [],
-   "source": [
+    "story.set_size(width=\"800px\", height=\"480px\")\n",
+    "\n",
     "# you can get the html Story as a string\n",
     "\n",
-    "html = story.to_html()"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "id": "1ab7ece9",
-   "metadata": {},
-   "outputs": [],
-   "source": [
+    "html = story.to_html()\n",
+    "\n",
     "if \"animation\" in selected:\n",
     "    story.play()\n",
     "if \"code\" in selected:\n",