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)