gradio/demo/live_dashboard/run.ipynb

{"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(\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}