chart loading issue

app.py

@@ -19,49 +19,41 @@ from tabs.data_exploration import create_exploration_tab, filter_and_display
 
 def create_app():
     df = load_data()
-
     MODELS = [x.strip() for x in df["Model"].unique().tolist()]
 
     with gr.Blocks(
         theme=gr.themes.Soft(font=[gr.themes.GoogleFont("sans-serif")])
     ) as app:
         with gr.Tabs() as tabs:
-            # Create tabs explicitly
-            with gr.Tab("Leaderboard"):
+            with gr.Tab("Leaderboard", id=0) as tab1:
                 lb_output, lb_plot1, lb_plot2 = create_leaderboard_tab(
                     df, CATEGORIES, METHODOLOGY, HEADER_CONTENT, CARDS
                 )
 
-            with gr.Tab("Model Comparison"):
+            with gr.Tab("Model Comparison", id=1) as tab2:
                 mc_info, mc_plot = create_model_comparison_tab(df, HEADER_CONTENT)
 
-            with gr.Tab("Data Exploration"):
+            with gr.Tab("Data Exploration", id=2) as tab3:
                 exp_outputs = create_exploration_tab(df)
 
-        # Initial loads
-        app.load(
+        # Initial data loading
+        tab1.select(
             fn=lambda: filter_leaderboard(
                 df, "All", list(CATEGORIES.keys())[0], "Performance"
             ),
             outputs=[lb_output, lb_plot1, lb_plot2],
         )
 
-        app.load(
+        tab2.select(
             fn=lambda: compare_models(
                 df, [df.sort_values("Model Avg", ascending=False).iloc[0]["Model"]]
             ),
             outputs=[mc_info, mc_plot],
         )
 
-        app.load(
+        tab3.select(
             fn=lambda: filter_and_display(
-                MODELS[0],
-                DATASETS[0],
-                min(SCORES),
-                max(SCORES),
-                0,
-                0,
-                0,
+                MODELS[0], DATASETS[0], min(SCORES), max(SCORES), 0, 0, 0
             ),
             outputs=exp_outputs[:-1],
         )