update

pages/4_Test.py

@@ -1,10 +1,25 @@
 import streamlit as st
 import leafmap.foliumap as leafmap
-import leafmap.colormaps as cm
 import json
+import requests
+
+# Functions to dynamically fetch columns
+def get_columns_from_geojson(geojson_data):
+    """Retrieve column names from a GeoJSON data."""
+    if "features" in geojson_data:
+        properties = geojson_data["features"][0]["properties"]
+        return list(properties.keys())
+    return []
+
+def get_columns_from_url(url):
+    """Retrieve column names from a GeoJSON URL."""
+    response = requests.get(url)
+    geojson_data = response.json()
+    return get_columns_from_geojson(geojson_data)
 
 st.set_page_config(layout="wide")
 
+# Sidebar Information
 st.sidebar.info(
     '''
     - Web App URL: <https://interactive-crime-map.hf.space/>
@@ -19,6 +34,7 @@ st.sidebar.info(
     '''
 )
 
+# Title and Description
 st.title("Comparision of Hate Tweets, Hate Crime Rates and Total Crime Rates")
 st.markdown(
     '''
@@ -28,9 +44,11 @@ st.markdown(
     '''
 )
 
+# File Uploader
 uploaded_file = st.file_uploader("Upload a GeoJSON file", type=["geojson"])
 uploaded_geojson = None
 
+# Map URLs
 map_1 = "https://raw.githubusercontent.com/yunusserhat/data/main/data/boroughs_count_df_2022_dec.geojson"
 map_2 = "https://raw.githubusercontent.com/yunusserhat/data/main/data/mps_hate_2022_dec_count.geojson"
 map_3 = "https://raw.githubusercontent.com/yunusserhat/data/main/data/mps2022dec_count.geojson"
@@ -46,17 +64,40 @@ if uploaded_file:
     except json.JSONDecodeError:
         st.error("Failed to decode the uploaded file. Please ensure it's a valid GeoJSON format.")
 
+# Map Selection
 map_choices = ["Original Map 1", "Original Map 2", "Original Map 3"]
 if uploaded_geojson:
     map_choices.append("Uploaded GeoJSON")
 
 selected_map_1 = st.selectbox("Select data for Map 1", map_choices)
+
+# Determine the columns based on the selected dataset for Map 1
+if selected_map_1 == "Uploaded GeoJSON" and uploaded_geojson:
+    available_columns_1 = get_columns_from_geojson(uploaded_geojson)
+elif selected_map_1 == "Original Map 1":
+    available_columns_1 = get_columns_from_url(map_1)
+elif selected_map_1 == "Original Map 2":
+    available_columns_1 = get_columns_from_url(map_2)
+elif selected_map_1 == "Original Map 3":
+    available_columns_1 = get_columns_from_url(map_3)
+
+selected_column_1 = st.selectbox("Select column for Map 1 visualization", available_columns_1)
+
 selected_map_2 = st.selectbox("Select data for Map 2", map_choices)
 
-available_columns = ['geo.name', 'count', 'geometry']
-selected_column_1 = st.selectbox("Select column for Map 1 visualization", available_columns, index=1)
-selected_column_2 = st.selectbox("Select column for Map 2 visualization", available_columns, index=1)
+# Determine the columns based on the selected dataset for Map 2
+if selected_map_2 == "Uploaded GeoJSON" and uploaded_geojson:
+    available_columns_2 = get_columns_from_geojson(uploaded_geojson)
+elif selected_map_2 == "Original Map 1":
+    available_columns_2 = get_columns_from_url(map_1)
+elif selected_map_2 == "Original Map 2":
+    available_columns_2 = get_columns_from_url(map_2)
+elif selected_map_2 == "Original Map 3":
+    available_columns_2 = get_columns_from_url(map_3)
+
+selected_column_2 = st.selectbox("Select column for Map 2 visualization", available_columns_2)
 
+# Display Maps
 row1_col1, row1_col2 = st.columns([1, 1])
 
 with row1_col1:
@@ -81,6 +122,7 @@ with row1_col2:
     else:
         m2.add_data(map_3, column=selected_column_2)
 
+# Zoom
 longitude = -0.1
 latitude = 51.50
 zoomlevel = st.number_input("Zoom", 0, 20, 10)