Update app.py

app.py

@@ -1300,9 +1300,11 @@ def analisis_comparativo_desempleo():
 
 def generar_analisis_global():
     figs = []
+    
+    # Gráfico comparativo de desempleo
     figs.append(analisis_comparativo_desempleo())
     
-    # Gráfico de ingresos
+    # Gráfico de tendencia de ingresos (full width)
     datos_ingresos = []
     for ciudad, data in cities_data.items():
         nombre = normalizar_nombres_ciudades(ciudad)
@@ -1314,14 +1316,24 @@ def generar_analisis_global():
     
     if datos_ingresos:
         df_ingresos = pd.concat(datos_ingresos)
-        fig_ingresos = px.line(df_ingresos, x='Periodo', y='Total', color='Ciudad',
-                              title='Evolución de Ingresos por Ciudad', markers=True)
-        fig_ingresos.update_layout(height=600)
+        fig_ingresos = px.line(df_ingresos, 
+                              x='Periodo', 
+                              y='Total', 
+                              color='Ciudad',
+                              title='<b>Evolución Histórica de Ingresos Promedio por Ciudad</b>',
+                              markers=True,
+                              height=600)
+        fig_ingresos.update_layout(
+            xaxis_title='Periodo',
+            yaxis_title='Ingresos (Soles)',
+            legend=dict(title='Ciudades'),
+            margin=dict(l=50, r=50, t=80, b=50)
+        )
         figs.append(fig_ingresos)
     else:
         figs.append(go.Figure())
     
-    # Gráfico de brecha
+    # Gráfico de brecha salarial (full width)
     datos_brecha = []
     for ciudad, data in cities_data.items():
         nombre = normalizar_nombres_ciudades(ciudad)
@@ -1334,10 +1346,24 @@ def generar_analisis_global():
     
     if datos_brecha:
         df_brecha = pd.concat(datos_brecha)
-        fig_brecha = px.bar(df_brecha, x='Periodo', y='Brecha', color='Ciudad',
-                           barmode='group', title='Evolución de Brecha Salarial por Ciudad',
-                           text_auto='.1f%')
-        fig_brecha.update_layout(height=600)
+        fig_brecha = px.bar(df_brecha, 
+                           x='Ciudad', 
+                           y='Brecha',
+                           color='Brecha',
+                           title='<b>Comparación de Brecha Salarial por Ciudad</b>',
+                           text_auto='.1f%',
+                           height=600,
+                           color_continuous_scale='Viridis')
+        
+        fig_brecha.update_layout(
+            xaxis_title='Ciudad',
+            yaxis_title='Brecha Salarial (%)',
+            coloraxis_showscale=False,
+            xaxis={'categoryorder':'total descending'},
+            margin=dict(l=50, r=50, t=80, b=150),
+            uniformtext_minsize=8,
+            uniformtext_mode='hide'
+        )
         figs.append(fig_brecha)
     else:
         figs.append(go.Figure())
@@ -1365,8 +1391,12 @@ def actualizar_graficos(ciudad):
         ), "Brecha Salarial", "%", ".1f")
     ]
 
-with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue"), css=".gradio-container {background-color: white}") as app:
-    gr.Markdown("# 📊 Dashboard Analítico del Mercado Laboral")
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue"), css="""
+    .gradio-container {background-color: #f8f9fa}
+    .plot-container {margin: 20px 0}
+    """) as app:
+    
+    gr.Markdown("# 📊 Dashboard Analítico del Mercado Laboral Peruano")
     
     with gr.Row():
         ciudad = gr.Dropdown(
@@ -1376,24 +1406,29 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue"), css=".gradio-container
             interactive=True
         )
     
-    with gr.Tab("Análisis Ciudad"):
+    with gr.Tab("Análisis por Ciudad"):
         with gr.Row():
             desempleo_plot = Plot(label="Tasa de Desempleo")
+        with gr.Row():
             ingresos_plot = Plot(label="Ingresos Promedio")
         with gr.Row():
             informalidad_plot = Plot(label="Tasa de Informalidad")
+        with gr.Row():
             actividad_plot = Plot(label="Tasa de Actividad")
         with gr.Row():
             radar_plot = Plot(label="Radar de Indicadores")
+        with gr.Row():
             brecha_plot = Plot(label="Brecha Salarial")
     
     with gr.Tab("Análisis Comparativo"):
         with gr.Row():
             global_desempleo = Plot(label="Ranking de Desempleo")
         with gr.Row():
-            global_ingresos = Plot(label="Comparativa de Ingresos")
-            global_brecha = Plot(label="Evolución Brecha Salarial")
-        global_btn = gr.Button("Actualizar Análisis Global", variant="primary")
+            global_ingresos = Plot(label="Evolución de Ingresos")
+        with gr.Row():
+            global_brecha = Plot(label="Comparación de Brecha Salarial")
+        with gr.Row():
+            global_btn = gr.Button("Actualizar Datos", variant="primary")
 
     # Eventos
     ciudad.change(