Update app.py

app.py

@@ -1378,6 +1378,12 @@ def actualizar_graficos(ciudad):
         ), "Brecha Salarial de Género", "%", ".1f")
     ]
 
+def cargar_datos_iniciales():
+    # Generar datos iniciales para ambas pestañas
+    datos_ciudad = actualizar_graficos("Chimbote")
+    datos_global = generar_analisis_global()
+    return [*datos_ciudad, *datos_global]
+
 with gr.Blocks(
     title="Análisis Mercado Laboral Peruano",
     css="""
@@ -1385,6 +1391,7 @@ with gr.Blocks(
     .card {border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin: 10px 0; background: white}
     .header {font-size: 28px; font-weight: bold; color: #2c3e50; margin-bottom: 20px}
     .subheader {font-size: 20px; color: #3498db; margin: 15px 0}
+    .plot-container {min-height: 500px}
     """
 ) as app:
     
@@ -1398,31 +1405,34 @@ with gr.Blocks(
             interactive=True
         )
     
-    with gr.Tab("Análisis por Ciudad"):
+    # Componentes para la pestaña de Ciudad
+    with gr.Tab("Análisis por Ciudad") as tab_ciudad:
         with gr.Column(elem_classes="card"):
             gr.Markdown("## 📍 Indicadores Clave", elem_classes="subheader")
-            radar_plot = Plot(label="Radar de Indicadores")
+            radar_plot = Plot(elem_classes="plot-container")
         
         with gr.Column(elem_classes="card"):
             gr.Markdown("## 📈 Tendencias Principales", elem_classes="subheader")
             with gr.Row():
-                desempleo_plot = Plot(label="Tasa de Desempleo")
-                ingresos_plot = Plot(label="Ingresos Promedio")
+                desempleo_plot = Plot(elem_classes="plot-container")
+                ingresos_plot = Plot(elem_classes="plot-container")
             with gr.Row():
-                informalidad_plot = Plot(label="Tasa de Informalidad")
-                actividad_plot = Plot(label="Tasa de Actividad")
+                informalidad_plot = Plot(elem_classes="plot-container")
+                actividad_plot = Plot(elem_classes="plot-container")
         
         with gr.Column(elem_classes="card"):
             gr.Markdown("## 📉 Brecha Salarial", elem_classes="subheader")
-            brecha_plot = Plot(label="Evolución de Brecha Salarial")
+            brecha_plot = Plot(elem_classes="plot-container")
     
-    with gr.Tab("Análisis Comparativo"):
+    # Componentes para la pestaña Comparativa
+    with gr.Tab("Análisis Comparativo") as tab_comparativo:
         with gr.Column(elem_classes="card"):
             gr.Markdown("## 🏙️ Comparativa entre Ciudades", elem_classes="subheader")
-            global_desempleo = Plot(label="Ranking de Desempleo")
-            global_ingresos = Plot(label="Evolución de Ingresos")
-            global_brecha = Plot(label="Evolución de Brecha Salarial")
-    
+            global_desempleo = Plot(elem_classes="plot-container")
+            global_ingresos = Plot(elem_classes="plot-container")
+            global_brecha = Plot(elem_classes="plot-container")
+
+    # Configurar eventos y carga inicial
     ciudad.change(
         fn=actualizar_graficos,
         inputs=ciudad,
@@ -1430,7 +1440,19 @@ with gr.Blocks(
     )
     
     @app.load()
-    def cargar_datos_iniciales():
-        return actualizar_graficos("Chimbote")
+    def inicializar_aplicacion():
+        # Cargar datos para ambas pestañas
+        datos = cargar_datos_iniciales()
+        return {
+            radar_plot: datos[0],
+            desempleo_plot: datos[1],
+            ingresos_plot: datos[2],
+            informalidad_plot: datos[3],
+            actividad_plot: datos[4],
+            brecha_plot: datos[5],
+            global_desempleo: datos[6],
+            global_ingresos: datos[7],
+            global_brecha: datos[8]
+        }
 
-app.launch(debug=True)
+app.launch(debug=True, show_error=True)