feat: Add Gradio interface in "Explore PapersWithCode Tasks" tab that displays the plotly plots returned by `task_visualizations`

app.py

@@ -3,6 +3,7 @@ import pandas as pd
 import logging
 import re
 from task_visualizations import TaskVisualizations
+import plotly.graph_objects as go
 
 logging.basicConfig(level=logging.INFO)
 
@@ -109,8 +110,27 @@ with gr.Blocks() as demo:
     with gr.Tab("Explore Repository Representations"):
         setup_repository_representations_tab(repos, representation_types)
     with gr.Tab("Explore PapersWithCode Tasks"):
-        with open("plots/pwc_area_tasks_sunburst.html") as f:
-            sunburst_tasks = f.read()
-        gr.HTML(sunburst_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()
+        
+        def update_plots(min_count):
+            all_plot, selected_plot = task_visualizations.display_tasks_sunburst_charts(min_count)
+            return all_plot, selected_plot
+        
+        update_button.click(
+            fn=update_plots,
+            inputs=[min_task_count],
+            outputs=[all_repos_plot, selected_repos_plot]
+        )
 
 demo.launch()