Update app.py

app.py

@@ -4,21 +4,25 @@ import plotly.express as px
 import random
 import time
 
-# Placeholder for the Plotly chart
-chart_placeholder = st.empty()
-
 # Specify the radius within which the dots should appear
 radius = 5
 
+# User input for the number of dots, with initial value set to 5 and max value limited to 10
+num_dots = st.number_input('Number of dots', min_value=1, max_value=10, value=5)
+
+# Placeholder for the Plotly chart
+chart_placeholder = st.empty()
+
 while True:  # This loop will simulate real-time data updates
-    # Generate random x and y positions within the specified radius for two dots
-    new_x1 = random.uniform(-radius, radius)
-    new_y1 = random.uniform(-radius, radius)
-    new_x2 = random.uniform(-radius, radius)
-    new_y2 = random.uniform(-radius, radius)
+    # Initialize an empty DataFrame for the new data points
+    new_data = pd.DataFrame(columns=['x', 'y'])
     
-    # Create new data points with the generated positions for both dots
-    new_data = pd.DataFrame({'x': [new_x1, new_x2], 'y': [new_y1, new_y2]})
+    # Generate random x and y positions within the specified radius for the specified number of dots
+    for _ in range(num_dots):
+        new_x = random.uniform(-radius, radius)
+        new_y = random.uniform(-radius, radius)
+        # Append the new data point to the DataFrame
+        new_data = new_data.append({'x': new_x, 'y': new_y}, ignore_index=True)
     
     # Create a new Plotly figure for the scatter plot
     fig = px.scatter(new_data, x='x', y='y', title="Random Dots within a Radius")
@@ -37,4 +41,4 @@ while True:  # This loop will simulate real-time data updates
     chart_placeholder.plotly_chart(fig, use_container_width=True)
 
     # Pause for a moment before updating the chart with new dots
-    time.sleep(1)
+    time.sleep(1)