Update app.py

app.py

@@ -17,7 +17,7 @@ df = pd.DataFrame(data)
 
 # === Parse and clean ===
 df['Timestamp'] = pd.to_datetime(df['Timestamp'], dayfirst=True, errors='coerce')
-df['Date'] = df['Timestamp'].dt.date.astype(str)  # ✅ Convert to string
+df['Date'] = df['Timestamp'].dt.date.astype(str)  # Convert to string
 df['Time'] = df['Timestamp'].dt.time
 
 location_split = df['Location'].str.split(',', expand=True)
@@ -38,20 +38,49 @@ def show_map(date_str, rep):
     if subset.empty:
         return "No valid data", None
 
-    subset = subset.sort_values(by='Timestamp')
+    subset = subset.sort_values(by='Timestamp').copy()
+    subset['Visit Order'] = range(1, len(subset) + 1)
+
+    # Center and size for better visibility
+    center_lat = subset['Latitude'].mean()
+    center_lon = subset['Longitude'].mean()
+
+    # Line + colored scatter
     fig = px.line_mapbox(
         subset,
         lat="Latitude", lon="Longitude",
         hover_name="Dealership Name",
-        hover_data={"Time": True, "Time Diff (min)": True},
-        zoom=10, height=500
+        hover_data={"Time": True, "Time Diff (min)": True, "Visit Order": True},
+        height=700,
+        zoom=13,
+        center={"lat": center_lat, "lon": center_lon}
+    )
+
+    # Colored points by visit order
+    scatter = px.scatter_mapbox(
+        subset,
+        lat="Latitude", lon="Longitude",
+        color="Visit Order",
+        hover_name="Dealership Name",
+        hover_data=["Time", "Time Diff (min)"],
+        color_continuous_scale="Bluered"
     )
-    fig.add_trace(px.scatter_mapbox(pd.DataFrame([subset.iloc[0]]),
-        lat="Latitude", lon="Longitude", text=["Start"], color_discrete_sequence=["green"]).data[0])
-    fig.add_trace(px.scatter_mapbox(pd.DataFrame([subset.iloc[-1]]),
-        lat="Latitude", lon="Longitude", text=["End"], color_discrete_sequence=["red"]).data[0])
-    fig.update_layout(mapbox_style="open-street-map", title=f"{rep} on {date_str}")
-    table = subset[['Dealership Name', 'Time', 'Time Diff (min)']]
+
+    for trace in scatter.data:
+        fig.add_trace(trace)
+
+    # Start/End markers
+    fig.add_trace(px.scatter_mapbox(
+        pd.DataFrame([subset.iloc[0]]),
+        lat="Latitude", lon="Longitude",
+        text=["Start"], color_discrete_sequence=["green"]).data[0])
+    fig.add_trace(px.scatter_mapbox(
+        pd.DataFrame([subset.iloc[-1]]),
+        lat="Latitude", lon="Longitude",
+        text=["End"], color_discrete_sequence=["red"]).data[0])
+
+    fig.update_layout(mapbox_style="open-street-map", title=f"📍 {rep}'s Route on {date_str}")
+    table = subset[['Dealership Name', 'Time', 'Time Diff (min)', 'Visit Order']]
     return table, fig
 
 # === Gradio UI ===