Duplicate from yunusserhat/Crime-Map

Co-authored-by: Yunus Serhat Bıçakçı <yunusserhat@users.noreply.huggingface.co>

.gitattributes

@@ -0,0 +1,34 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,132 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+# *.html
+private/
+.vscode/
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+pip-wheel-metadata/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+.python-version
+
+# pipenv
+#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
+#   However, in case of collaboration, if having platform-specific dependencies or dependencies
+#   having no cross-platform support, pipenv may install dependencies that don't work, or not
+#   install all needed dependencies.
+#Pipfile.lock
+
+# PEP 582; used by e.g. github.com/David-OConnor/pyflow
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/

.idea/.gitignore

@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml

.idea/Crime-Map.iml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/venv" />
+    </content>
+    <orderEntry type="jdk" jdkName="Python 3.9 (venv)" jdkType="Python SDK" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+  <component name="PyDocumentationSettings">
+    <option name="format" value="PLAIN" />
+    <option name="myDocStringFormat" value="Plain" />
+  </component>
+</module>

.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

.idea/misc.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9 (venv)" project-jdk-type="Python SDK" />
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/Crime-Map.iml" filepath="$PROJECT_DIR$/.idea/Crime-Map.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

Application.py

@@ -0,0 +1,29 @@
+import streamlit as st
+import leafmap.foliumap as leafmap
+
+st.set_page_config(layout="wide")
+
+st.sidebar.info(
+    """
+    - Web App URL: <https://interactive-crime-map.hf.space/>
+    - HuggingFace repository: <https://huggingface.co/spaces/interactive-crime/map/tree/main>
+    """
+)
+
+st.sidebar.title("Contact")
+st.sidebar.info(
+    """
+    Yunus Serhat Bıçakçı at [yunusserhat.com](https://yunusserhat.com) | [GitHub](https://github.com/yunusserhat) | [Twitter](https://twitter.com/yunusserhat) | [LinkedIn](https://www.linkedin.com/in/yunusserhat)
+    """
+)
+
+st.title("Interactive Crime Map Application")
+
+st.subheader(
+    """
+    This interactive crime map apps created using [streamlit](https://streamlit.io) and open-source mapping libraries and repositories, such as [leafmap](https://leafmap.org), [geopandas](https://geopandas.org), [streamlit-geospatial](https://huggingface.co/spaces/giswqs/Streamlit) ,and [folium](https://python-visualization.github.io/folium/).
+    """
+)
+
+st.info("Click on the left sidebar menu to navigate to the different apps.")
+

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Yunus Serhat Bicakci
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,14 @@
+---
+title: Streamlit
+emoji: 🔥
+colorFrom: indigo
+colorTo: green
+sdk: streamlit
+sdk_version: 1.17.0
+app_file: Application.py
+pinned: false
+license: mit
+duplicated_from: yunusserhat/Crime-Map
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

pages/2_↔️_Comparision.py

@@ -0,0 +1,146 @@
+import streamlit as st
+import leafmap.foliumap as leafmap
+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/>
+    - HuggingFace repository: <https://huggingface.co/spaces/interactive-crime/map/tree/main>
+    '''
+)
+
+st.sidebar.title("Contact")
+st.sidebar.info(
+    '''
+    Yunus Serhat Bıçakçı at [yunusserhat.com](https://yunusserhat.com) | [GitHub](https://github.com/yunusserhat) | [Twitter](https://twitter.com/yunusserhat) | [LinkedIn](https://www.linkedin.com/in/yunusserhat)
+    '''
+)
+
+# Title and Description
+st.title("Interactive Analysis of Hate Metrics in London & Custom Dataset Visualization")
+
+st.markdown(
+    '''
+    Dive into an interactive analysis of hate metrics in London, exploring the disparities and correlations between hate-related tweets and reported crimes in boroughs. This platform offers a comparative visualization based on data from X and the London Metropolitan Police Service as of December 2022. 
+
+    Additionally, users can upload and visualize their own GeoJSON datasets, facilitating personalized analysis and insights. Delve deeper into the patterns of hate sentiment, understand how online behavior might mirror real-world incidents, or uncover patterns in your own data.
+    '''
+)
+
+# 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"
+
+if uploaded_file:
+    try:
+        uploaded_geojson = json.load(uploaded_file)
+        if "features" not in uploaded_geojson:
+            st.warning("The uploaded file does not seem to be a valid GeoJSON format.")
+            uploaded_geojson = None
+        else:
+            st.success("GeoJSON file uploaded successfully!")
+    except json.JSONDecodeError:
+        st.error("Failed to decode the uploaded file. Please ensure it's a valid GeoJSON format.")
+
+# Map Selection
+map_choices = ["Hate Tweets", "MPS Hate Crime Data", "MPS All Crime Data"]
+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 == "Hate Tweets":
+    available_columns_1 = get_columns_from_url(map_1)
+elif selected_map_1 == "MPS Hate Crime Data":
+    available_columns_1 = get_columns_from_url(map_2)
+elif selected_map_1 == "MPS All Crime Data":
+    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)
+
+# 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 == "Hate Tweets":
+    available_columns_2 = get_columns_from_url(map_1)
+elif selected_map_2 == "MPS Hate Crime Data":
+    available_columns_2 = get_columns_from_url(map_2)
+elif selected_map_2 == "MPS All Crime Data":
+    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:
+    m1 = leafmap.Map(center=[51.50, -0.1], zoom=10)
+    if selected_map_1 == "Uploaded GeoJSON":
+        m1.add_data(uploaded_geojson, column=selected_column_1)
+    elif selected_map_1 == "Hate Tweets":
+        m1.add_data(map_1, column=selected_column_1)
+    elif selected_map_1 == "MPS Hate Crime Data":
+        m1.add_data(map_2, column=selected_column_1)
+    else:
+        m1.add_data(map_3, column=selected_column_1)
+
+with row1_col2:
+    m2 = leafmap.Map(center=[51.50, -0.1], zoom=10)
+    if selected_map_2 == "Uploaded GeoJSON":
+        m2.add_data(uploaded_geojson, column=selected_column_2)
+    elif selected_map_2 == "Hate Tweets":
+        m2.add_data(map_1, column=selected_column_2)
+    elif selected_map_2 == "MPS Hate Crime Data":
+        m2.add_data(map_2, column=selected_column_2)
+    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)
+
+row2_col1, row2_col2 = st.columns([1, 1])
+
+with row2_col1:
+    m1.set_center(longitude, latitude, zoomlevel)
+with row2_col2:
+    m2.set_center(longitude, latitude, zoomlevel)
+
+row3_col1, row3_col2 = st.columns([1, 1])
+
+with row3_col1:
+    m1.to_streamlit()
+with row3_col2:
+    m2.to_streamlit()

pages/3_😡_Hate_Tweets.py

@@ -0,0 +1,74 @@
+import streamlit as st
+import leafmap.foliumap as leafmap
+import whitebox
+
+
+st.set_page_config(layout="wide")
+
+st.sidebar.info(
+    """
+    - Web App URL: <https://interactive-crime-map.hf.space/>
+    - HuggingFace repository: <https://huggingface.co/spaces/interactive-crime/map/tree/main>
+    """
+)
+
+st.sidebar.title("Contact")
+st.sidebar.info(
+    """
+    Yunus Serhat Bıçakçı at [yunusserhat.com](https://yunusserhat.com) | [GitHub](https://github.com/yunusserhat) | [Twitter](https://twitter.com/yunusserhat) | [LinkedIn](https://www.linkedin.com/in/yunusserhat)
+    """
+)
+
+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. Model 1 is the latest model from [TweetNLP](https://arxiv.org/pdf/2206.14774.pdf) and [CardiffNLP](https://huggingface.co/cardiffnlp/twitter-roberta-base-hate-multiclass-latest), and Model 2 is an older version of Model 1, owned by [Dimosthenis Antypas](https://huggingface.co/antypasd/). Both models have been utilized for hate speech detection.
+    """
+)
+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)
+tweets2 = 'https://raw.githubusercontent.com/yunusserhat/data/main/data/London2022DecHateTweetsLatLong.csv'
+borough2 = 'https://raw.githubusercontent.com/yunusserhat/data/main/data/londonborough.geojson'
+
+tweets = 'https://raw.githubusercontent.com/yunusserhat/data/main/data/multiclass_latest_latlng.csv'
+borough = 'https://raw.githubusercontent.com/yunusserhat/data/main/data/londonborough.geojson'
+
+map_option = st.selectbox('Choose a Map', ('Model 1', 'Model 2'))
+palette_model_1 = ["red", "blue", "green", "yellow", "purple", "orange"]
+palette_model_2 = ["red", "blue", "green", "yellow", "purple"]
+
+if map_option == 'Model 1':
+    m.add_geojson(borough, layer_name='London Boroughs')
+    m.add_points_from_xy(
+        tweets,
+        x="Longitude",
+        y="Latitude",
+        color_column='Hate Prediction',
+        palette=palette_model_1,
+        spin=True,
+        add_legend=True
+    )
+else:
+    m.add_geojson(borough2, layer_name='London Boroughs 2')
+    m.add_points_from_xy(
+        tweets2,
+        x="Longitude",
+        y="Latitude",
+        color_column='Hate Prediction',
+        palette=palette_model_2,
+        spin=True,
+        add_legend=True
+    )
+
+m.to_streamlit()

pages/4_Test.py

@@ -0,0 +1,143 @@
+import streamlit as st
+import leafmap.foliumap as leafmap
+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/>
+    - HuggingFace repository: <https://huggingface.co/spaces/interactive-crime/map/tree/main>
+    '''
+)
+
+st.sidebar.title("Contact")
+st.sidebar.info(
+    '''
+    Yunus Serhat Bıçakçı at [yunusserhat.com](https://yunusserhat.com) | [GitHub](https://github.com/yunusserhat) | [Twitter](https://twitter.com/yunusserhat) | [LinkedIn](https://www.linkedin.com/in/yunusserhat)
+    '''
+)
+
+# Title and Description
+st.title("Interactive Analysis of Hate Metrics in London & Custom Dataset Visualization")
+
+st.markdown(
+    '''
+    Dive into an interactive analysis of hate metrics in London, exploring the disparities and correlations between hate-related tweets and reported crimes in boroughs. This platform offers a comparative visualization based on data from X and the London Metropolitan Police Service as of December 2022. 
+    
+    Additionally, users can upload and visualize their own GeoJSON datasets, facilitating personalized analysis and insights. Delve deeper into the patterns of hate sentiment, understand how online behavior might mirror real-world incidents, or uncover patterns in your own data.
+    '''
+)
+
+# 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"
+
+if uploaded_file:
+    try:
+        uploaded_geojson = json.load(uploaded_file)
+        if "features" not in uploaded_geojson:
+            st.warning("The uploaded file does not seem to be a valid GeoJSON format.")
+            uploaded_geojson = None
+        else:
+            st.success("GeoJSON file uploaded successfully!")
+    except json.JSONDecodeError:
+        st.error("Failed to decode the uploaded file. Please ensure it's a valid GeoJSON format.")
+
+# Map Selection
+map_choices = ["Hate Tweets", "MPS Hate Crime Data", "MPS All Crime Data"]
+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 == "Hate Tweets":
+    available_columns_1 = get_columns_from_url(map_1)
+elif selected_map_1 == "MPS Hate Crime Data":
+    available_columns_1 = get_columns_from_url(map_2)
+elif selected_map_1 == "MPS All Crime Data":
+    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)
+
+# 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 == "Hate Tweets":
+    available_columns_2 = get_columns_from_url(map_1)
+elif selected_map_2 == "MPS Hate Crime Data":
+    available_columns_2 = get_columns_from_url(map_2)
+elif selected_map_2 == "MPS All Crime Data":
+    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:
+    m1 = leafmap.Map(center=[51.50, -0.1], zoom=10)
+    if selected_map_1 == "Uploaded GeoJSON":
+        m1.add_data(uploaded_geojson, column=selected_column_1)
+    elif selected_map_1 == "Hate Tweets":
+        m1.add_data(map_1, column=selected_column_1)
+    elif selected_map_1 == "MPS Hate Crime Data":
+        m1.add_data(map_2, column=selected_column_1)
+    else:
+        m1.add_data(map_3, column=selected_column_1)
+
+with row1_col2:
+    m2 = leafmap.Map(center=[51.50, -0.1], zoom=10)
+    if selected_map_2 == "Uploaded GeoJSON":
+        m2.add_data(uploaded_geojson, column=selected_column_2)
+    elif selected_map_2 == "Hate Tweets":
+        m2.add_data(map_1, column=selected_column_2)
+    elif selected_map_2 == "MPS Hate Crime Data":
+        m2.add_data(map_2, column=selected_column_2)
+    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)
+
+row2_col1, row2_col2 = st.columns([1, 1])
+
+with row2_col1:
+    m1.set_center(longitude, latitude, zoomlevel)
+with row2_col2:
+    m2.set_center(longitude, latitude, zoomlevel)
+
+row3_col1, row3_col2 = st.columns([1, 1])
+
+with row3_col1:
+    m1.to_streamlit()
+with row3_col2:
+    m2.to_streamlit()

postBuild

@@ -0,0 +1,6 @@
+# enable nbserverproxy
+jupyter serverextension enable --sys-prefix nbserverproxy
+# streamlit launches at startup
+mv streamlit_call.py ${NB_PYTHON_PREFIX}/lib/python*/site-packages/
+# enable streamlit extension
+jupyter serverextension enable --sys-prefix streamlit_call

requirements.txt

@@ -0,0 +1,24 @@
+--find-links=https://girder.github.io/large_image_wheels GDAL
+# cartopy
+folium==0.13.0
+# ipywidgets<8.0.5
+geemap
+ffmpeg-python
+geopandas
+# jupyter-server-proxy
+# keplergl
+leafmap>=0.18.6
+# localtileserver
+# nbserverproxy
+owslib
+palettable
+plotly
+streamlit
+streamlit-bokeh-events
+streamlit-folium
+# streamlit-keplergl
+# tropycal
+# git+https://github.com/giswqs/leafmap
+# git+https://github.com/giswqs/geemap
+altair<5
+mapclassify

setup.sh

@@ -0,0 +1,18 @@
+# sudo add-apt-repository ppa:ubuntugis/ppa && sudo apt-get update
+# sudo apt-get update
+# sudo apt-get install python3-dev
+# sudo apt-get install gdal-bin
+# sudo apt-get install libgdal-dev
+# export CPLUS_INCLUDE_PATH=/usr/include/gdal
+# export C_INCLUDE_PATH=/usr/include/gdal
+# gdal-config --version
+# pip install GDAL==$(gdal-config --version | awk -F'[.]' '{print $1"."$2}') localtileserver
+
+mkdir -p ~/.streamlit/
+echo "\
+[server]\n\
+headless = true\n\
+port = $PORT\n\
+enableCORS = false\n\
+\n\
+" > ~/.streamlit/config.toml