Upload with huggingface_hub

README.md

@@ -1,12 +1,11 @@
+
 ---
-title: Sine Curve
-emoji: 🚀
-colorFrom: blue
+title: sine_curve 
+emoji: 🔥
+colorFrom: indigo
 colorTo: indigo
 sdk: gradio
 sdk_version: 3.8.1
-app_file: app.py
+app_file: run.py
 pinned: false
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

requirements.txt

@@ -0,0 +1 @@
+plotly

run.py

@@ -0,0 +1,31 @@
+import math
+import gradio as gr
+import plotly.express as px
+import numpy as np
+
+
+plot_end = 2 * math.pi
+
+
+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)
+    plot_end += 2 * math.pi
+    return fig
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("Change the value of the slider to automatically update the plot")
+            period = gr.Slider(label="Period of plot", value=1, minimum=0, maximum=10, step=1)
+            plot = gr.Plot(label="Plot (updates every half second)")
+
+    dep = demo.load(get_plot, None, plot, every=1)
+    period.change(get_plot, period, plot, every=1, cancels=[dep])
+
+
+if __name__ == "__main__":
+    demo.queue().launch()