Update app.py

app.py

@@ -1,9 +1,7 @@
 import gradio as gr
 import random
-import time
-import plotly.graph_objects as go
-from datetime import datetime
 
+# Ahantu n'aho biherereye
 locations = {
     "Downtown": {"lat": -1.95, "lon": 30.05},
     "Highway": {"lat": -1.92, "lon": 30.06},
@@ -11,52 +9,40 @@ locations = {
     "School Zone": {"lat": -1.93, "lon": 30.03}
 }
 
-# Global history logs
-traffic_log = {loc: {"time": [], "speed": [], "vehicles": []} for loc in locations}
-
-def update_traffic():
-    report_lines = []
+def simulate_map_only():
     markers = ""
-
-    now = datetime.now().strftime("%H:%M:%S")
+    alerts = []
 
     for name, info in locations.items():
-        # Random simulation
+        # Simulate traffic data
         speed = round(random.gauss(30, 15), 1)
-        vehicle_count = int(random.gauss(40, 20))
+        vehicles = int(random.gauss(40, 15))
 
-        # Save to history
-        traffic_log[name]["time"].append(now)
-        traffic_log[name]["speed"].append(speed)
-        traffic_log[name]["vehicles"].append(vehicle_count)
-
-        # Decide traffic level
-        if speed < 20 and vehicle_count > 50:
-            level = "🚦 High"
+        # Define traffic level
+        if speed < 20 and vehicles > 50:
+            status = "🚦 Heavy Traffic"
             color = "red"
-            alert = f"🚨 Warning: Heavy traffic in {name}"
-        elif speed < 40 or vehicle_count > 40:
-            level = "⚠️ Moderate"
+        elif speed < 40 or vehicles > 40:
+            status = "⚠️ Moderate Traffic"
             color = "orange"
-            alert = f"⚠️ Caution: Moderate traffic in {name}"
         else:
-            level = "✅ Light"
+            status = "✅ Light Traffic"
             color = "green"
-            alert = f"✅ {name} traffic is normal"
 
-        report_lines.append(f"{alert} — {speed} km/h, {vehicle_count} cars")
+        alerts.append(f"📍 {name}: {status} — {speed} km/h, {vehicles} cars")
 
-        # Leaflet marker
+        # Add marker to map
         markers += f"""
-        L.circleMarker([{info["lat"]}, {info["lon"]}], {{
-            color: '{color}', radius: 10
-        }}).addTo(map).bindPopup("<b>{name}</b><br>Speed: {speed} km/h<br>Cars: {vehicle_count}<br>Status: {level}");"""
+        L.circleMarker([{info['lat']}, {info['lon']}], {{
+            color: '{color}',
+            radius: 10
+        }}).addTo(map).bindPopup("<b>{name}</b><br>Speed: {speed} km/h<br>Cars: {vehicles}<br>Status: {status}");"""
 
-    # HTML map view
+    # Leaflet Map HTML
     html = f"""
-    <div id='map' style='width:100%;height:500px;'></div>
-    <link rel='stylesheet' href='https://unpkg.com/leaflet/dist/leaflet.css'/>
-    <script src='https://unpkg.com/leaflet/dist/leaflet.js'></script>
+    <div id="map" style="width:100%; height:500px;"></div>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css"/>
+    <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
     <script>
       var map = L.map('map').setView([-1.935, 30.05], 13);
       L.tileLayer('https://{{s}}.tile.openstreetmap.org/{{z}}/{{x}}/{{y}}.png', {{
@@ -66,35 +52,17 @@ def update_traffic():
       {markers}
     </script>
     """
-    return "\n".join(report_lines), html, create_traffic_chart()
 
-def create_traffic_chart():
-    fig = go.Figure()
-    for name in locations:
-        fig.add_trace(go.Scatter(
-            x=traffic_log[name]["time"],
-            y=traffic_log[name]["vehicles"],
-            mode="lines+markers",
-            name=name
-        ))
-    fig.update_layout(title="Traffic History (Vehicles Count Over Time)",
-                      xaxis_title="Time",
-                      yaxis_title="Number of Vehicles",
-                      height=400)
-    return fig
+    return "\n".join(alerts), html
 
 with gr.Blocks() as demo:
-    gr.Markdown("## 🚦 Smart Traffic Monitor with Map, Alerts & Charts")
-
-    with gr.Row():
-        live_btn = gr.Button("🔁 Refresh Traffic Now")
-        report_box = gr.Textbox(label="🧾 Alerts & Reports", lines=10)
+    gr.Markdown("## 🗺️ Real-Time Traffic Visualization on Map Only")
 
-    with gr.Row():
-        map_box = gr.HTML()
-        chart_box = gr.Plot()
+    btn = gr.Button("🔁 Update Traffic")
+    report = gr.Textbox(label="Traffic Status", lines=8)
+    mapview = gr.HTML()
 
-    live_btn.click(fn=update_traffic, inputs=[], outputs=[report_box, map_box, chart_box])
+    btn.click(fn=simulate_map_only, inputs=[], outputs=[report, mapview])
 
 demo.launch()