update

Application.py

@@ -1,7 +1,6 @@
 import streamlit as st
 import leafmap.foliumap as leafmap
 
-
 st.set_page_config(layout="wide")
 
 st.sidebar.info(
@@ -28,22 +27,4 @@ st.subheader(
 
 st.info("Click on the left sidebar menu to navigate to the different apps.")
 
-
-
-
-row1_col1, row1_col2 = st.columns(2)
-with row1_col1:
-    st.markdown('''
-        <a href="https://interactive-crime-map.hf.space/Comparision">
-            <img src="https://raw.githubusercontent.com/yunusserhat/github/main/data/comparision.png"  style="width: 100%; height: 100%" />
-        </a>''',
-                unsafe_allow_html=True
-                )
-
-with row1_col2:
-    st.markdown('''
-        <a href="https://interactive-crime-map.hf.space/Hate_Tweets">
-            <img src="https://raw.githubusercontent.com/yunusserhat/github/main/data/hatespeech.png" style="width: 100%; height: 100%" />
-        </a>''',
-                unsafe_allow_html=True
-                )
+st.image('https://raw.githubusercontent.com/yunusserhat/Github/main/data/interactive-crime-demo.gif')

pages/2_↔️_Comparision.py

@@ -40,7 +40,7 @@ with row1_col1:
                 twitter,
                 column="count",
                 scheme='Quantiles',
-                cmap='Blues',
+                cmap='YlOrRd',
                 legend_title='Total Hate Tweet Number'
             )
 
@@ -54,7 +54,7 @@ with row1_col2:
                 mps,
                 column="Crime_Number",
                 scheme='Quantiles',
-                cmap='Blues',
+                cmap='YlOrRd',
                 legend_title='Total Crime Number'
             )
 

pages/3_😡_Hate_Tweets.py

@@ -1,5 +1,7 @@
 import streamlit as st
 import leafmap.foliumap as leafmap
+import whitebox
+
 
 st.set_page_config(layout="wide")
 
@@ -19,21 +21,24 @@ st.sidebar.info(
 
 st.title("Hate Speech Interactive Map Application")
 
+please_note = '<p style="color:Red; font-weight:bold;">Please note that the information displayed may contain sentences containing hateful content. Kindly keep this in mind before reviewing the details.</p>'
+
+
 st.markdown(
     """
     The interactive map illustrate a hate crime tweets in London boroughs for the month of December 2022. [TweetNLP](https://arxiv.org/pdf/2206.14774.pdf) and [antypasd](https://huggingface.co/antypasd/twitter-roberta-base-hate-multiclass-latest) 
     models have been utilized for hate speech detection.
     
-    Please note that the information displayed may contain sentences containing hateful content. Kindly keep this in mind before reviewing the details.
     """
 )
-
+st.markdown(please_note, unsafe_allow_html=True)
 st.markdown(
     """
 
     """
 )
 
+# add whitebox tools to the map
 m = leafmap.Map(center=[51.50, -0.1], zoom=10)
 tweets = 'https://raw.githubusercontent.com/yunusserhat/Github/main/data/London2022DecHateTweetsLatLong.csv'
 borough = 'https://raw.githubusercontent.com/yunusserhat/Github/main/data/londonborough.geojson'
@@ -42,11 +47,12 @@ m.add_geojson(borough, layer_name='London Boroughs')
 m.add_points_from_xy(
     tweets,
     x="Longitude",
-    y="Latitude"
+    y="Latitude",
     # ,
-    # color_column='hate_pred',
+    color_column='Hate Prediction',
     # icon_names=['gear', 'map', 'leaf', 'globe'],
-    # spin=True,
-    # add_legend=True,
+    spin=True,
+    add_legend=True
 )
+
 m.to_streamlit()