|
|
import streamlit as st |
|
|
import streamlit.components.v1 as components |
|
|
|
|
|
@st.cache_data |
|
|
def get_map(): |
|
|
eq_file = open("assets/earthquake.html", 'r', encoding='utf-8') |
|
|
eq_html = eq_file.read() |
|
|
return eq_html |
|
|
|
|
|
st.header('Urban Planning', divider='green') |
|
|
|
|
|
st.markdown("#### Where Do Earthquakes Occur?") |
|
|
st.markdown("Earthquakes typically coincide with techtonic plate boundaries.") |
|
|
st.markdown("#### Which Prefectures have the highest Population Density?") |
|
|
st.markdown("The three highest prefectures by population density are: Tokyo, Kanagawa and Osaka") |
|
|
st.markdown("#### Which Prefectures are Prone to High-Magnitude Earthquakes?") |
|
|
st.markdown("Tokyo has the highest population density, and has experienced some earthquakes") |
|
|
st.markdown("Osaka is relatively less populated, but has experienced stronger earthquakes than Tokyo") |
|
|
st.markdown("Kanagawa's long coastline, as well as relatively high population density and proximity to strong earthquakes, make it a risk for Tsunami") |
|
|
st.markdown("*This is based off the [Geospatial Analysis](https://www.kaggle.com/learn/geospatial-analysis) course by Kaggle*") |
|
|
st.divider() |
|
|
|
|
|
earthquake_html = get_map() |
|
|
components.html(earthquake_html) |
