add selected table in chart

app.py

@@ -433,10 +433,16 @@ def init_comparison_data():
     global selected_values
     return gr.CheckboxGroup(list(selected_values.keys()), value=list(selected_values.keys())) 
 
+def remove_html_tags(value):
+    if isinstance(value, str):
+        return re.sub(r'<[^>]*>', '', value) 
+    return value    
+
 def generate_spider_chart(df, selected_keys):
     global selected_values
     current_selected_values = [selected_values[key] for key in selected_keys if key in selected_values]
     selected_rows = df[df.iloc[:, 1].isin(current_selected_values)]
+    cleaned_rows = selected_rows.applymap(remove_html_tags)
 
 
     fig = go.Figure()
@@ -455,7 +461,7 @@ def generate_spider_chart(df, selected_keys):
         showlegend=True
     )
     
-    return fig    
+    return fig，cleaned_rows    
 
 leaderboard_df = filter_models(
     df=leaderboard_df, 
@@ -566,9 +572,11 @@ with demo:
 
             with Modal(visible=False) as modal:
                 map = gr.Plot()
+                data_table = gr.Dataframe()
+                gr.Column([map, data_table])
             
             leaderboard_table.select(select, leaderboard_table, model_comparison)
-            spider_btn.click(generate_spider_chart, [leaderboard_table, model_comparison], map)
+            spider_btn.click(generate_spider_chart, [leaderboard_table, model_comparison], [map, data_table])
             spider_btn.click(lambda: Modal(visible=True), None, modal)
             demo.load(init_comparison_data, None, model_comparison)