Update app.py

app.py

@@ -14,19 +14,25 @@ def get_speed():
 
     return download_speed, upload_speed
 
-# Function to visualize the speed in a circular gauge
+# Function to visualize the speed in a circular gauge with a pointer
 def plot_speedometer(speed, speed_type):
     fig = go.Figure(go.Indicator(
         mode="gauge+number",
         value=speed,
         title={'text': f"{speed_type} Speed (Mbps)"},
-        gauge={'axis': {'range': [None, 100]},
-               'bar': {'color': "lightblue"},
-               'steps': [
-                   {'range': [0, 20], 'color': "red"},
-                   {'range': [20, 50], 'color': "yellow"},
-                   {'range': [50, 100], 'color': "green"}
-               ],
+        gauge={
+            'axis': {'range': [None, 100]},  # Range of 0 to 100 Mbps
+            'bar': {'color': "lightblue"},
+            'steps': [
+                {'range': [0, 20], 'color': "red"},
+                {'range': [20, 50], 'color': "yellow"},
+                {'range': [50, 100], 'color': "green"}
+            ],
+            'threshold': {
+                'line': {'color': "black", 'width': 4},  # Pointer color and width
+                'thickness': 0.75,  # Pointer thickness
+                'value': speed  # Set the pointer to the current speed value
+            }
         }
     ))
     fig.update_layout(height=300)
@@ -45,7 +51,7 @@ def main():
         st.subheader(f"Download Speed: {download_speed:.2f} Mbps")
         st.subheader(f"Upload Speed: {upload_speed:.2f} Mbps")
 
-        # Visualize the speeds with circular speedometers
+        # Visualize the speeds with circular speedometers including pointers
         plot_speedometer(download_speed, "Download")
         plot_speedometer(upload_speed, "Upload")