update

Application.py

@@ -21,36 +21,30 @@ st.sidebar.info(
 
 st.title("Interactive Crime Map Application")
 
-st.markdown(
+st.subheader(
     """
-    This interactive crime map apps created using [streamlit](https://streamlit.io) and open-source mapping libraries, 
-    such as [leafmap](https://leafmap.org), [geemap](https://geemap.org), [pydeck](https://deckgl.readthedocs.io), and [kepler.gl](https://docs.kepler.gl/docs/keplergl-jupyter).
-    
+    This interactive crime map apps created using [streamlit](https://streamlit.io) and open-source mapping libraries, such as [leafmap](https://leafmap.org), [geopandas](https://geopandas.org), and [folium](https://python-visualization.github.io/folium/).
     """
 )
 
 st.info("Click on the left sidebar menu to navigate to the different apps.")
 
-st.subheader("Interactive Crime Map Application")
-st.markdown(
-    """
-    
-    """
-)
 
-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'
-
-m.add_geojson(borough, layer_name='London Boroughs')
-m.add_points_from_xy(
-    tweets,
-    x="Longitude",
-    y="Latitude"
-    # ,
-    # color_column='hate_pred',
-    # icon_names=['gear', 'map', 'leaf', 'globe'],
-    # spin=True,
-    # add_legend=True,
-)
-m.to_streamlit(height=700)
+
+
+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
+                )

pages/2_↔️_Comparision.py

@@ -72,7 +72,7 @@ with row2_col2:
 row3_col1, row3_col2 = st.columns([1, 1])
 
 with row3_col1:
-    m.to_streamlit(height=700)
+    m.to_streamlit()
 
 with row3_col2:
-    m2.to_streamlit(height=700)
+    m2.to_streamlit()

pages/{4_Choropleth.py → 3_😡_Hate_Tweets.py}

@@ -1,5 +1,8 @@
 import streamlit as st
 import leafmap.foliumap as leafmap
+import webbrowser
+
+webbrowser.open("http://streamlit.io")  # opens the URL in a new tab
 
 st.set_page_config(layout="wide")
 
@@ -17,19 +20,36 @@ st.sidebar.info(
     """
 )
 
-st.title("Choropleth")
+st.title("Hate Speech Interactive Map Application")
+
+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(
+    """
 
-with st.expander("See source code"):
-    with st.echo():
-        data = "https://raw.githubusercontent.com/yunusserhat/Github/main/data/boroughs_count_df_2022_dec.geojson"
+    """
+)
 
-        m = leafmap.Map(center=[51.50, -0.1], zoom=10)
-        m.add_data(
-            data,
-            column = "count",
-            scheme='Quantiles',
-            cmap='Blues',
-            legend_title='Hate Tweets'
-        )
+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'
 
-m.to_streamlit(height=700)
+m.add_geojson(borough, layer_name='London Boroughs')
+m.add_points_from_xy(
+    tweets,
+    x="Longitude",
+    y="Latitude"
+    # ,
+    # color_column='hate_pred',
+    # icon_names=['gear', 'map', 'leaf', 'globe'],
+    # spin=True,
+    # add_legend=True,
+)
+m.to_streamlit()