Upload with huggingface_hub

requirements.txt

@@ -1,2 +1,2 @@
 plotly
-https://gradio-main-build.s3.amazonaws.com/943b4ed77a098bf69519515c027b0c12ca8b2573/gradio-3.14.0-py3-none-any.whl
+https://gradio-main-build.s3.amazonaws.com/51157d74109ab4a3ec13320cea02da2f315f5388/gradio-3.14.0-py3-none-any.whl

run.ipynb

@@ -1 +1 @@
-{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: live_dashboard\n", "### This demo shows how you can build a live interactive dashboard with gradio.\n", "The current time is refreshed every second and the plot every half second by using the 'every' keyword in the event handler.\n", "Changing the value of the slider will control the period of the sine curve (the distance between peaks). \n", "        "]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio plotly"]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["import math\n", "import gradio as gr\n", "import datetime\n", "import plotly.express as px\n", "import numpy as np\n", "import time\n", "\n", "\n", "def get_time():\n", "    return datetime.datetime.now()\n", "\n", "\n", "plot_end = 2 * math.pi\n", "\n", "\n", "def get_plot(period=1):\n", "    global plot_end\n", "    x = np.arange(plot_end - 2 * math.pi, plot_end, 0.02)\n", "    y = np.sin(2 * math.pi * period * x)\n", "    fig = px.line(x=x, y=y)\n", "    plot_end += 2 * math.pi\n", "    return fig\n", "\n", "\n", "with gr.Blocks() as demo:\n", "    with gr.Row():\n", "        with gr.Column():\n", "            c_time2 = gr.Textbox(label=\"Current Time refreshed every second\")\n", "            gr.Textbox(\n", "                \"Change the value of the slider to automatically update the plot\",\n", "                label=\"\",\n", "            )\n", "            period = gr.Slider(\n", "                label=\"Period of plot\", value=1, minimum=0, maximum=10, step=1\n", "            )\n", "            plot = gr.Plot(label=\"Plot (updates every second)\")\n", "        with gr.Column():\n", "            name = gr.Textbox(label=\"Enter your name\")\n", "            greeting = gr.Textbox(label=\"Greeting\")\n", "            button = gr.Button(value=\"Greet\")\n", "            button.click(lambda s: f\"Hello {s}\", name, greeting)\n", "\n", "    demo.load(lambda: datetime.datetime.now(), None, c_time2, every=1)\n", "    dep = demo.load(get_plot, None, plot, every=1)\n", "    period.change(get_plot, period, plot, every=1, cancels=[dep])\n", "\n", "if __name__ == \"__main__\":\n", "    demo.queue().launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}
+{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: live_dashboard\n", "### This demo shows how you can build a live interactive dashboard with gradio.\n", "The current time is refreshed every second and the plot every half second by using the 'every' keyword in the event handler.\n", "Changing the value of the slider will control the period of the sine curve (the distance between peaks). \n", "        "]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio plotly"]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["import math\n", "\n", "import pandas as pd\n", "\n", "import gradio as gr\n", "import datetime\n", "import numpy as np\n", "\n", "\n", "def get_time():\n", "    return datetime.datetime.now()\n", "\n", "\n", "plot_end = 2 * math.pi\n", "\n", "\n", "def get_plot(period=1):\n", "    global plot_end\n", "    x = np.arange(plot_end - 2 * math.pi, plot_end, 0.02)\n", "    y = np.sin(2 * math.pi * period * x)\n", "    update = gr.LinePlot.update(\n", "        value=pd.DataFrame({\"x\": x, \"y\": y}),\n", "        x=\"x\",\n", "        y=\"y\",\n", "        title=\"Plot (updates every second)\",\n", "        width=600,\n", "        height=350,\n", "    )\n", "    plot_end += 2 * math.pi\n", "    if plot_end > 1000:\n", "        plot_end = 2 * math.pi\n", "    return update\n", "\n", "\n", "with gr.Blocks() as demo:\n", "    with gr.Row():\n", "        with gr.Column():\n", "            c_time2 = gr.Textbox(label=\"Current Time refreshed every second\")\n", "            gr.Textbox(\n", "                \"Change the value of the slider to automatically update the plot\",\n", "                label=\"\",\n", "            )\n", "            period = gr.Slider(\n", "                label=\"Period of plot\", value=1, minimum=0, maximum=10, step=1\n", "            )\n", "            plot = gr.LinePlot(show_label=False)\n", "        with gr.Column():\n", "            name = gr.Textbox(label=\"Enter your name\")\n", "            greeting = gr.Textbox(label=\"Greeting\")\n", "            button = gr.Button(value=\"Greet\")\n", "            button.click(lambda s: f\"Hello {s}\", name, greeting)\n", "\n", "    demo.load(lambda: datetime.datetime.now(), None, c_time2, every=1)\n", "    dep = demo.load(get_plot, None, plot, every=1)\n", "    period.change(get_plot, period, plot, every=1, cancels=[dep])\n", "\n", "if __name__ == \"__main__\":\n", "    demo.queue().launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -1,9 +1,10 @@
 import math
+
+import pandas as pd
+
 import gradio as gr
 import datetime
-import plotly.express as px
 import numpy as np
-import time
 
 
 def get_time():
@@ -17,9 +18,18 @@ def get_plot(period=1):
     global plot_end
     x = np.arange(plot_end - 2 * math.pi, plot_end, 0.02)
     y = np.sin(2 * math.pi * period * x)
-    fig = px.line(x=x, y=y)
+    update = gr.LinePlot.update(
+        value=pd.DataFrame({"x": x, "y": y}),
+        x="x",
+        y="y",
+        title="Plot (updates every second)",
+        width=600,
+        height=350,
+    )
     plot_end += 2 * math.pi
-    return fig
+    if plot_end > 1000:
+        plot_end = 2 * math.pi
+    return update
 
 
 with gr.Blocks() as demo:
@@ -33,7 +43,7 @@ with gr.Blocks() as demo:
             period = gr.Slider(
                 label="Period of plot", value=1, minimum=0, maximum=10, step=1
             )
-            plot = gr.Plot(label="Plot (updates every second)")
+            plot = gr.LinePlot(show_label=False)
         with gr.Column():
             name = gr.Textbox(label="Enter your name")
             greeting = gr.Textbox(label="Greeting")