modify selection

ipyvizzustory_demo.ipynb

@@ -11,11 +11,11 @@
     "show-code: False\n",
     "params:\n",
     "params:\n",
-    "    example:\n",
+    "    show:\n",
     "        input: select\n",
-    "        label: select the example\n",
-    "        choices: [basic, complex]\n",
-    "        multi: False\n",
+    "        label: select what you want to see\n",
+    "        choices: [animation, code]\n",
+    "        multi: True\n",
     "---"
    ]
   },
@@ -28,7 +28,7 @@
    "source": [
     "# configure default value\n",
     "\n",
-    "example = 'complex'"
+    "show = 'complex'"
    ]
   },
   {
@@ -44,7 +44,9 @@
     "from ipyvizzustory import Slide, Step\n",
     "\n",
     "from ipyvizzustory import Story  # or\n",
-    "# from ipyvizzustory.env.ipy.story import Story"
+    "# from ipyvizzustory.env.ipy.story import Story\n",
+    "\n",
+    "from IPython.display import display as display_html, HTML"
    ]
   },
   {
@@ -109,7 +111,19 @@
    "source": [
     "# you can set the width and height (CSS style)\n",
     "\n",
-    "story.set_size(width=\"400px\", height=\"240px\")"
+    "story.set_size(width=\"800px\", height=\"480px\")"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "e06ff4de",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# you can get the html Story as a string\n",
+    "\n",
+    "html = story.to_html()"
    ]
   },
   {
@@ -119,8 +133,10 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "if example == \"basic\":\n",
-    "    story.play()"
+    "if show == \"animation\":\n",
+    "    story.play()\n",
+    "if show == \"code\":\n",
+    "    display_html(HTML(html))"
    ]
   }
  ],