Update app.py

app.py

@@ -5,6 +5,8 @@ import plotly.graph_objects as go
 import gradio as gr
 from gradio.components import Plot
 
+#DATOS
+
 cities_data = {
     'Abancay': {
         'desempleo_trimestral': [
@@ -1149,6 +1151,8 @@ cities_data = {
 }
 
 
+#DATOS
+
 COLORES = {
     'Total': '#2C3E50',
     'Hombres': '#3498DB',
@@ -1378,12 +1382,6 @@ 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="""
@@ -1397,62 +1395,65 @@ with gr.Blocks(
     
     gr.Markdown("# 📊 Dashboard del Mercado Laboral Peruano", elem_classes="header")
     
-    with gr.Row():
-        ciudad = gr.Dropdown(
-            list(cities_data.keys()),
-            label="Seleccionar Ciudad",
-            value="Chimbote",
-            interactive=True
-        )
+    ciudad = gr.Dropdown(
+        list(cities_data.keys()),
+        label="Seleccionar Ciudad",
+        value="Chimbote",
+        interactive=True
+    )
     
-    # 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(elem_classes="plot-container")
+    with gr.Tab("Análisis por Ciudad"):
+        radar_plot = Plot()
+        desempleo_plot = Plot()
+        ingresos_plot = Plot()
+        informalidad_plot = Plot()
+        actividad_plot = Plot()
+        brecha_plot = Plot()
+        
+        gr.Markdown("## 📍 Indicadores Clave", elem_classes="subheader")
+        radar_plot.render()
         
-        with gr.Column(elem_classes="card"):
-            gr.Markdown("## 📈 Tendencias Principales", elem_classes="subheader")
-            with gr.Row():
-                desempleo_plot = Plot(elem_classes="plot-container")
-                ingresos_plot = Plot(elem_classes="plot-container")
-            with gr.Row():
-                informalidad_plot = Plot(elem_classes="plot-container")
-                actividad_plot = Plot(elem_classes="plot-container")
+        gr.Markdown("## 📈 Tendencias Principales", elem_classes="subheader")
+        with gr.Row():
+            desempleo_plot.render()
+            ingresos_plot.render()
+        with gr.Row():
+            informalidad_plot.render()
+            actividad_plot.render()
         
-        with gr.Column(elem_classes="card"):
-            gr.Markdown("## 📉 Brecha Salarial", elem_classes="subheader")
-            brecha_plot = Plot(elem_classes="plot-container")
+        gr.Markdown("## 📉 Brecha Salarial", elem_classes="subheader")
+        brecha_plot.render()
     
-    # 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(elem_classes="plot-container")
-            global_ingresos = Plot(elem_classes="plot-container")
-            global_brecha = Plot(elem_classes="plot-container")
+    with gr.Tab("Análisis Comparativo"):
+        global_desempleo = Plot()
+        global_ingresos = Plot()
+        global_brecha = Plot()
+        
+        gr.Markdown("## 🏙️ Comparativa entre Ciudades", elem_classes="subheader")
+        global_desempleo.render()
+        global_ingresos.render()
+        global_brecha.render()
+
+    @app.load()
+    def cargar_inicial():
+        datos_ciudad = actualizar_graficos("Chimbote")
+        datos_global = generar_analisis_global()
+        return {
+            radar_plot: datos_ciudad[0],
+            desempleo_plot: datos_ciudad[1],
+            ingresos_plot: datos_ciudad[2],
+            informalidad_plot: datos_ciudad[3],
+            actividad_plot: datos_ciudad[4],
+            brecha_plot: datos_ciudad[5],
+            global_desempleo: datos_global[0],
+            global_ingresos: datos_global[1],
+            global_brecha: datos_global[2]
+        }
 
-    # Configurar eventos y carga inicial
     ciudad.change(
         fn=actualizar_graficos,
         inputs=ciudad,
         outputs=[radar_plot, desempleo_plot, ingresos_plot, informalidad_plot, actividad_plot, brecha_plot]
     )
-    
-    @app.load()
-    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, show_error=True)
+app.launch(debug=True, share=False)