ipyvizzu sory demo: add basic example

README.md

@@ -1,8 +1,8 @@
 ---
-title: Ipyvizzu Story Demo
+title: ipyvizzu-story demo with mercury
 emoji: 📊
-colorFrom: red
-colorTo: red
+colorFrom: purple
+colorTo: green
 sdk: gradio
 sdk_version: 3.5
 app_file: app.py
@@ -10,4 +10,7 @@ pinned: false
 license: apache-2.0
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# ipyvizzu-story demo with mercury
+
+This is an interactive ipyvizzu-story demo with mercury.
+Visit our [site](https://github.com/vizzuhq/ipyvizzu-story) for more details, such as a step-by-step tutorial and examples.

app.py

@@ -0,0 +1,13 @@
+import os
+from dotenv import load_dotenv
+from subprocess import Popen
+load_dotenv()
+
+
+my_env = os.environ.copy()
+my_env["HF_SPACE"] = "embed/veghdev/ipyvizzu-story-demo"
+
+command = ["mercury", "run", f"0.0.0.0:{os.environ.get('PORT', 7860)}"] 
+print(command)
+worker = Popen(command, env=my_env) 
+worker.wait()

ipyvizzustory_demo.ipynb

@@ -0,0 +1,115 @@
+{
+ "cells": [
+  {
+   "cell_type": "raw",
+   "id": "41022af5",
+   "metadata": {},
+   "source": [
+    "---\n",
+    "title: ipyvizzu-story demo\n",
+    "description: ipyvizzu-story demo with mercury\n",
+    "show-code: False\n",
+    "params:\n",
+    "params:\n",
+    "    example:\n",
+    "        input: select\n",
+    "        label: select the example\n",
+    "        choices: [basic, complex]\n",
+    "        multi: False\n",
+    "---"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "bf9e62cb",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# configure default value\n",
+    "\n",
+    "example = 'complex'"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "1226e7e9",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from ipyvizzu import Data, Config\n",
+    "from ipyvizzustory import Slide, Step\n",
+    "\n",
+    "from ipyvizzustory import Story  # or\n",
+    "# from ipyvizzustory.env.ipy.story import Story"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "1a26e2e9",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "basic_data = Data()\n",
+    "basic_data.add_series(\"Foo\", [\"Alice\", \"Bob\", \"Ted\"])\n",
+    "basic_data.add_series(\"Bar\", [15, 32, 12])\n",
+    "basic_data.add_series(\"Baz\", [5, 3, 2])\n",
+    "\n",
+    "basic_story = Story(data=basic_data)\n",
+    "\n",
+    "basic_slide1 = Slide(\n",
+    "    Step(\n",
+    "        Config({\"x\": \"Foo\", \"y\": \"Bar\"}),\n",
+    "    )\n",
+    ")\n",
+    "basic_story.add_slide(basic_slide1)\n",
+    "\n",
+    "basic_slide2 = Slide(\n",
+    "    Step(\n",
+    "        Config({\"color\": \"Foo\", \"x\": \"Baz\", \"geometry\": \"circle\"}),\n",
+    "    )\n",
+    ")\n",
+    "basic_story.add_slide(basic_slide2)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "1ab7ece9",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "if example == \"basic\":\n",
+    "    basic_story.play()"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3.7.3 64-bit",
+   "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"
+  },
+  "vscode": {
+   "interpreter": {
+    "hash": "916dbcbb3f70747c44a77c7bcd40155683ae19c65e1c03b4aa3499c5328201f1"
+   }
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 5
+}

requirements.txt

@@ -0,0 +1,4 @@
+python-dotenv
+mljar-mercury
+ipyvizzu-story
+pandas