feat: Replace `update_button` with a gradio.Interface in the "Explore PapersWithCode Tasks" tab

app.py

@@ -111,24 +111,23 @@ with gr.Blocks() as demo:
         setup_repository_representations_tab(repos, representation_types)
     with gr.Tab("Explore PapersWithCode Tasks"):
         gr.Markdown("## PapersWithCode Tasks Visualization")
-        with gr.Row():
-            min_task_count = gr.Slider(
-                minimum=1, maximum=100, value=10, step=1, label="Minimum Task Count"
-            )
-            update_button = gr.Button("Update Plots")
-
-        with gr.Row():
-            with gr.Column():
-                gr.Markdown("### All Repositories")
-                all_repos_plot = gr.Plot()
-            with gr.Column():
-                gr.Markdown("### Selected Repositories")
-                selected_repos_plot = gr.Plot()
-
-        update_button.click(
-            fn=task_visualizations.display_tasks_sunburst_charts,
-            inputs=[min_task_count],
-            outputs=[all_repos_plot, selected_repos_plot],
+        
+        def update_plots(min_count):
+            all_plot, selected_plot = task_visualizations.display_tasks_sunburst_charts(min_count)
+            return [all_plot, selected_plot]
+
+        interface = gr.Interface(
+            fn=update_plots,
+            inputs=[
+                gr.Slider(minimum=1, maximum=100, value=10, step=1, label="Minimum Task Count")
+            ],
+            outputs=[
+                gr.Plot(label="All Repositories"),
+                gr.Plot(label="Selected Repositories")
+            ],
+            live=True,
+            title="PapersWithCode Tasks Visualization",
+            description="Adjust the minimum task count to update the sunburst charts."
         )
 
 demo.launch()