Update app.py

app.py

@@ -292,31 +292,30 @@ body, .gradio-container {
 """
 
 
-with gr.Blocks(css=custom_css) as demo:
-    # Initialize the HTML output with a default message
-    html_output = gr.HTML("Processing data...")
-    
-    # Define the refresh function
-    def refresh_html():
+# Create a function to update the HTML in a separate thread
+def update_html_periodically(html_component):
+    while True:
         if prediction_plot_base64:
-            return (
+            new_html = (
                 f'<img src="data:image/png;base64,{prediction_plot_base64}" '
                 'alt="Prediction Plot" '
                 'style="width: 100vw; height: 100vh; object-fit: contain;">'
             )
         else:
-            return "Processing data..."
-    
-    # For newer versions of Gradio, Timer is used differently
-    demo.load(fn=refresh_html, inputs=None, outputs=html_output)
+            new_html = "Processing data..."
+        
+        # Update the HTML component
+        html_component.update(value=new_html)
+        
+        # Wait 10 seconds
+        time.sleep(10)
+
+with gr.Blocks(css=custom_css) as demo:
+    # Initialize the HTML output with a default message
+    html_output = gr.HTML("Processing data...")
     
-    # Create a timer that updates the component
-    timer = gr.on(
-        triggers=[gr.triggers.Interval(10)],  # Every 10 seconds
-        fn=refresh_html,
-        inputs=None,
-        outputs=html_output,
-    )
+    # Start the update thread when the demo loads
+    demo.load(lambda: threading.Thread(target=update_html_periodically, args=(html_output,), daemon=True).start())
 
 # Launch the demo
 demo.launch()