update

pages/2_↔️_Comparision.py

@@ -18,80 +18,76 @@ st.sidebar.info(
     """
 )
 
-st.title("Comparision of Hate Tweets and Crime Rates")
+st.title("Comparision of Hate Tweets, Hate Crime Rates and Total Crime Rates")
 st.markdown(
     """
     These interactive maps illustrate a comparison of overall borough-level rates based on Twitter and London Metropolitan Police Service (MPS) data as of December 2022.
-    
-    In the first map shows the representation of hate tweets according to Twitter data, while the second map shows the representation of rates of all crimes according to MPS data.
-    
+
+    In the first map shows the representation of hate tweets according to Twitter data, while the second and third maps shows the representation of rates of hate and all crimes according to MPS data.
     """
 )
 
+row1_col1, row1_col2, row1_col3 = st.columns([1, 1, 1])
 
-row1_col1, row1_col2, row1_col3 = st.columns([1, 1])
-
+# Twitter Hate Tweets Map
 with row1_col1:
-
-            twitter = "https://raw.githubusercontent.com/yunusserhat/data/main/data/boroughs_count_df_2022_dec.geojson"
-
-            m = leafmap.Map(center=[51.50, -0.1], zoom=10)
-            m.add_data(
-                twitter,
-                column="count",
-                scheme='Quantiles',
-                cmap='YlOrRd',
-                legend_title='Total Hate Tweet Number'
-            )
-
-
+    twitter = "https://raw.githubusercontent.com/yunusserhat/data/main/data/boroughs_count_df_2022_dec.geojson"
+    m1 = leafmap.Map(center=[51.50, -0.1], zoom=10)
+    m1.add_data(
+        twitter,
+        column="count",
+        scheme='Quantiles',
+        cmap='YlOrRd',
+        legend_title='Total Hate Tweet Number'
+    )
+
+# MPS Hate Crimes Map
 with row1_col2:
-            mps = "https://raw.githubusercontent.com/yunusserhat/data/main/data/mps_hate_2022_dec_count.geojson"
-
-            m2 = leafmap.Map(center=[51.50, -0.1], zoom=10)
-            m2.add_data(
-                mps,
-                column="Hate_Crime_Number",
-                scheme='Quantiles',
-                cmap='YlOrRd',
-                legend_title='Hate Crime Number'
-            )
-
-
+    mps_hate = "https://raw.githubusercontent.com/yunusserhat/data/main/data/mps_hate_2022_dec_count.geojson"
+    m2 = leafmap.Map(center=[51.50, -0.1], zoom=10)
+    m2.add_data(
+        mps_hate,
+        column="Hate_Crime_Number",
+        scheme='Quantiles',
+        cmap='YlOrRd',
+        legend_title='Hate Crime Number'
+    )
+
+# MPS Total Crimes Map
 with row1_col3:
-            mps = "https://raw.githubusercontent.com/yunusserhat/data/main/data/mps2022dec_count.geojson"
-
-            m2 = leafmap.Map(center=[51.50, -0.1], zoom=10)
-            m2.add_data(
-                mps,
-                column="Crime_Number",
-                scheme='Quantiles',
-                cmap='YlOrRd',
-                legend_title='Total Crime Number'
-            )
-
-
-row2_col1, row2_col2, row2_col3 = st.columns([1, 1])
+    mps_total = "https://raw.githubusercontent.com/yunusserhat/data/main/data/mps2022dec_count.geojson"
+    m3 = leafmap.Map(center=[51.50, -0.1], zoom=10)
+    m3.add_data(
+        mps_total,
+        column="Crime_Number",
+        scheme='Quantiles',
+        cmap='YlOrRd',
+        legend_title='Total Crime Number'
+    )
+
+row2_col1, row2_col2, row2_col3 = st.columns([1, 1, 1])
+
+# Setting the zoom and center for each map
+longitude = -0.1
+latitude = 51.50
+zoomlevel = st.number_input("Zoom", 0, 20, 10)
 
 with row2_col1:
-    longitude = "-0.1"
-    latitude = "51.50"
-    zoomlevel = st.number_input("Zoom", 0, 20, 10)
-    m.set_center(longitude, latitude, zoomlevel)
+    m1.set_center(longitude, latitude, zoomlevel)
 
 with row2_col2:
     m2.set_center(longitude, latitude, zoomlevel)
 
 with row2_col3:
-    m2.set_center(longitude, latitude, zoomlevel)
+    m3.set_center(longitude, latitude, zoomlevel)
 
-row3_col1, row3_col2, row3_col3 = st.columns([1, 1])
+row3_col1, row3_col2, row3_col3 = st.columns([1, 1, 1])
 
 with row3_col1:
-    m.to_streamlit()
+    m1.to_streamlit()
 
 with row3_col2:
     m2.to_streamlit()
 
 with row3_col3:
-    m2.to_streamlit()
+    m3.to_streamlit()