Update app.py

app.py

@@ -1,23 +1,26 @@
-import os, json, pathlib
+import os
+import json
+import pathlib
 import pandas as pd
 import plotly.express as px
 import gradio as gr
 import folium
 from folium.plugins import MarkerCluster
 
-# ──────────────────────────────────────────────────────────────────────────────
-# 1. Cargar y preparar datos
-# ──────────────────────────────────────────────────────────────────────────────
-DATA_XLSX = "Base de Datos Prueba.xlsx"  # Debe estar junto a este script
+# -------------------------------
+# 1. Configuración y datos
+# -------------------------------
+DATA_XLSX   = "Base de Datos Prueba.xlsx"
+COORDS_JSON = "office_coords.json"
+
 df = pd.read_excel(DATA_XLSX, parse_dates=["FECHA_APERTURA"])
 df["MES"] = df["FECHA_APERTURA"].dt.to_period("M").dt.to_timestamp()
-oficinas  = sorted(df["OFICINA"].dropna().unique())
-productos = sorted(df["TIPO PRODUCTO"].dropna().unique())
+
+oficinas  = sorted(df["OFICINA"].dropna().unique().tolist())
+productos = sorted(df["TIPO PRODUCTO"].dropna().unique().tolist())
 min_amt, max_amt = int(df["MONTO_I"].min()), int(df["MONTO_I"].max())
 
-# ──────────────────────────────────────────────────────────────────────────────
-# 2. Coordenadas hard-coded de oficinas
-# ──────────────────────────────────────────────────────────────────────────────
+# Coordenadas hard-coded (todas)
 office_coords = {
     "Montería Centro": (8.74733, -75.88145),
     "Monteria": (8.74733, -75.88145),
@@ -41,26 +44,26 @@ office_coords = {
     "Buenos Aires": (2.28889, -76.14583),
 }
 
-# ──────────────────────────────────────────────────────────────────────────────
-# 3. Función principal para generar gráficos + mapa Folium
-# ──────────────────────────────────────────────────────────────────────────────
-def dashboard(f_inicio, f_fin, tipos, ofis, rango_monto):
+# -------------------------------
+# 2. Función de filtrado y gráficos
+# -------------------------------
+def dashboard(f_inicio, f_fin, tipos, ofis, rango):
     d = df.copy()
-    if f_inicio: d = d[d["FECHA_APERTURA"] >= pd.to_datetime(f_inicio)]
-    if f_fin:    d = d[d["FECHA_APERTURA"] <= pd.to_datetime(f_fin)]
+    if f_inicio: d = d[d.FECHA_APERTURA >= pd.to_datetime(f_inicio)]
+    if f_fin:    d = d[d.FECHA_APERTURA <= pd.to_datetime(f_fin)]
     if tipos:    d = d[d["TIPO PRODUCTO"].isin(tipos)]
     if ofis:     d = d[d["OFICINA"].isin(ofis)]
-    d = d[(d["MONTO_I"] >= rango_monto[0]) & (d["MONTO_I"] <= rango_monto[1])]
+    d = d[(d["MONTO_I"] >= rango[0]) & (d["MONTO_I"] <= rango[1])]
 
     # Gráfico 1: barras mensuales
     fig1 = px.bar(
         d.groupby("MES")["MONTO_I"].sum().reset_index(),
         x="MES", y="MONTO_I",
-        labels={"MES":"Mes", "MONTO_I":"Monto (COP)"},
+        labels={"MES":"Mes","MONTO_I":"Monto (COP)"},
         title="Monto desembolsado por mes"
     )
 
-    # Gráfico 2: pastel de productos
+    # Gráfico 2: pie de productos
     df2 = d["TIPO PRODUCTO"].value_counts().reset_index()
     df2.columns = ["TIPO PRODUCTO","CANT"]
     fig2 = px.pie(df2, names="TIPO PRODUCTO", values="CANT",
@@ -77,35 +80,36 @@ def dashboard(f_inicio, f_fin, tipos, ofis, rango_monto):
     m = folium.Map(location=[4.6, -74.1], zoom_start=6, tiles="OpenStreetMap")
     mc = MarkerCluster().add_to(m)
     for ofi, (lat, lon) in office_coords.items():
-        if (lat is None) or (lon is None): continue
-        sub = d[d["OFICINA"] == ofi]
-        if sub.empty: continue
-        total = sub["MONTO_I"].sum()
+        if lat is None or ofi not in d["OFICINA"].values: continue
+        total = d.loc[d["OFICINA"]==ofi, "MONTO_I"].sum()
         folium.CircleMarker(
-            location=(lat, lon),
-            radius=7,
-            color="blue",
+            location=[lat, lon],
+            radius=6,
+            color="navy",
             fill=True,
-            fill_opacity=0.6,
+            fill_opacity=0.7,
             popup=f"{ofi}<br>Total: {total:,.0f} COP"
         ).add_to(mc)
     map_html = m._repr_html_()
 
     return fig1, fig2, fig3, map_html
 
-# ───────────────────────────────────────��──────────────────────────────────────
-# 4. Interfaz Gradio v4 – pestañas + HTML para Folium
-# ──────────────────────────────────────────────────────────────────────────────
-with gr.Blocks(theme=gr.themes.Soft()) as demo:
+# -------------------------------
+# 3. Interfaz Gradio v3 (Blocks API)
+# -------------------------------
+with gr.Blocks() as demo:
     gr.Markdown("## Dashboard Bancamía – Aperturas Q1 2025")
+
     with gr.Row():
         with gr.Column(scale=1):
-            dp1 = gr.Date(label="Desde", value="2025-01-01")
-            dp2 = gr.Date(label="Hasta", value="2025-03-31")
+            dp1 = gr.DatePicker(label="Desde", value="2025-01-01")
+            dp2 = gr.DatePicker(label="Hasta", value="2025-03-31")
             dd1 = gr.Dropdown(productos, multiselect=True, label="Tipo de Producto")
             dd2 = gr.Dropdown(oficinas,  multiselect=True, label="Oficina")
-            rs  = gr.RangeSlider(min_amt, max_amt, value=[min_amt, max_amt], label="Monto (COP)")
+            rs  = gr.Slider(minimum=min_amt, maximum=max_amt, value=[min_amt, max_amt],
+                            step=1_000_000, label="Rango de Monto (COP)")
             btn = gr.Button("Actualizar")
+
         with gr.Column(scale=3):
             with gr.Tab("Monto"):
                 out1 = gr.Plot()
@@ -115,7 +119,9 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
                 out3 = gr.Plot()
             with gr.Tab("Mapa"):
                 out4 = gr.HTML()
+
     btn.click(dashboard, [dp1, dp2, dd1, dd2, rs], [out1, out2, out3, out4])
 
 if __name__ == "__main__":
-    demo.launch(server_name="0.0.0.0", server_port=int(os.environ.get("PORT", 7860)))
+    demo.launch(server_name="0.0.0.0",
+                server_port=int(os.environ.get("PORT", 7860)))