import streamlit as st

# Set the title of the Streamlit app
st.title("Bluesky 2M World Languages Plotly | Folium Visualizations")

# Display the first visualization from fig_countries.html
st.header("Countries Visualization")
with open("fig_countries.html", "r", encoding="utf-8") as f:
    countries_html = f.read()
st.components.v1.html(countries_html, width=800, height=600, scrolling=True)

# Display the second visualization from fig_languages.html
st.header("Languages Visualization")
with open("fig_languages.html", "r", encoding="utf-8") as f:
    languages_html = f.read()
st.components.v1.html(languages_html, width=800, height=600, scrolling=True)

# Display the third visualization from world_map.html
st.header("World Map Visualization")
with open("world_map.html", "r", encoding="utf-8") as f:
    world_map_html = f.read()
st.components.v1.html(world_map_html, width=800, height=600, scrolling=True)