map improve

app.py

@@ -31,27 +31,35 @@ print(f"Ready. {len(sample_agents)} agents loaded.")
 
 # ── Helpers ───────────────────────────────────────────────────────────────────
 def build_map(agent_sp):
+    agent_sp = agent_sp.reset_index(drop=True)
     lat = agent_sp["latitude"].mean()
     lon = agent_sp["longitude"].mean()
     m = folium.Map(location=[lat, lon], zoom_start=12, tiles="CartoDB positron")
 
+    n = len(agent_sp)
     coords = list(zip(agent_sp["latitude"], agent_sp["longitude"]))
+    
     if len(coords) > 1:
-        folium.PolyLine(coords, color="#4f86c6", weight=2, opacity=0.6).add_to(m)
+        folium.PolyLine(coords, color="#aaaaaa", weight=1.5, opacity=0.4).add_to(m)
+
+    for i, row in agent_sp.iterrows():
+        # green → red gradient
+        ratio = i / max(n - 1, 1)
+        r = int(255 * ratio)
+        g = int(255 * (1 - ratio))
+        color = f"#{r:02x}{g:02x}33"
 
-    for _, row in agent_sp.iterrows():
         folium.CircleMarker(
             location=[row["latitude"], row["longitude"]],
-            radius=6, color="#e05c5c", fill=True, fill_opacity=0.8,
+            radius=7, color=color, fill=True, fill_color=color, fill_opacity=0.9,
             popup=folium.Popup(
-                f"<b>{row['name']}</b><br>"
+                f"<b>#{i+1} {row['name']}</b><br>"
                 f"{row['start_datetime'].strftime('%a %m/%d %H:%M')}<br>"
                 f"{int(row['duration_min'])} min",
                 max_width=200
             )
         ).add_to(m)
 
-    # return m.get_root().render()
     m.get_root().width = "100%"
     m.get_root().height = "500px"
     return m._repr_html_()