Update app.py

app.py

@@ -1,26 +1,25 @@
+import json
 import streamlit as st
+import matplotlib.pyplot as plt
 
-# Mock data for demonstration
-data_points = {
-    'Residential Area': ['Energy Consumption', 'Water Usage'],
-    'Park': ['Air Quality', 'Noise Levels'],
-    'Main Street': ['Traffic Flow', 'Streetlight Activity'],
-    'Community Garden': ['Soil Moisture'],
-    'Local Business District': ['Retail Analytics', 'EV Charging Stations Usage']
-}
+# Page config
+st.set_page_config(layout="wide") 
 
-# Simulate user location selection
-user_location = st.selectbox('Select Your Current Location:', list(data_points.keys()))
+# Load grid data
+grid_data = json.load(open('grid.json'))
 
-# Display data being collected
-st.write(f"Data being collected at {user_location}:")
-for data_point in data_points[user_location]:
-    st.write(f"- {data_point}")
+# Extract coordinates
+buildings = [[b['coords'][0], b['coords'][1]] for b in grid_data['buildings']]
+stores = [[s['coords'][0], s['coords'][1]] for s in grid_data['stores']]
 
-# User feedback on accuracy
-st.text_area("Feedback on Data Accuracy:", "Enter your feedback here...")
+# Plot map
+fig, ax = plt.subplots()
+ax.axis([0, 10, 0, 10])
+ax.set_xticks([i for i in range(11)])
+ax.set_yticks([i for i in range(11)])
+ax.grid(color='grey', linestyle='-', linewidth=0.25)
+ax.scatter(*zip(*buildings), color='red') 
+ax.scatter(*zip(*stores), color='green')
 
-# Suggestions for additional data collection
-st.text_area("Suggestions for Additional Data Collection:", "Enter your suggestions here...")
-
-st.button("Submit Feedback")
+# Show figure in Streamlit    
+st.pyplot(fig)