USStates

Sleeping

App Files Files Community

awacke1 commited on Oct 24, 2023

Commit

1ba601f

1 Parent(s): 6907b9a

Update app.py

Browse files

Files changed (1) hide show

app.py +70 -28

app.py CHANGED Viewed

@@ -1,36 +1,78 @@
 import streamlit as st
 import geopandas as gpd
-import plotly.express as px
-@st.cache
-def load_usa_map():
-    return gpd.read_file(gpd.datasets.get_path('naturalearth_lowres'))
-def generate_speech_textarea(text):
-    st.markdown(f'<p id="speech" hidden>{text}</p><button onclick="speechSynthesis.speak(new SpeechSynthesisUtterance(document.getElementById(\'speech\').textContent))">🔊 Speak</button>', unsafe_allow_html=True)
-state_data = {
-    'US-MN': {'name': 'Minnesota', 'trivia': '1️⃣ Home to over 10,000 lakes 🌊\n2️⃣ Boundary Waters Canoe Area 🛶', 'largest_company': 'UnitedHealth Group', 'revenue': 257.1},
-    'US-CA': {'name': 'California', 'trivia': '1️⃣ Known for Hollywood 🎬\n2️⃣ Golden Gate Bridge 🌉', 'largest_company': 'Apple', 'revenue': 365.8},
-    # ... (your other states)
-}
-usa = load_usa_map()
-usa = usa[usa['iso_a2'].str.startswith('US', na=False)]  # Filter only US states
-selected_state = st.selectbox("📍 Choose a state:", list(state_data.keys()), format_func=lambda x: f"{state_data[x]['name']} ({x})")
-state_geom_df = usa[usa['iso_a2'] == selected_state]
-if not state_geom_df.empty:
-    geom = state_geom_df.geometry.iloc[0]
-    fig = px.choropleth(usa, geojson=usa.geometry, locations=usa.index, scope="usa")
-    fig.add_trace(px.scatter_geo(lat=[geom.centroid.y], lon=[geom.centroid.x]).data[0])
-    st.plotly_chart(fig)
-    data = state_data[selected_state]
-    text = f"🔍 Trivia:\n{data['trivia']}\n🏢 Largest Company: {data['largest_company']}\n💵 Revenue: {data['revenue']}B"
-    with st.expander(f"{state_data[selected_state]['name']} ({selected_state}) 😃"):
-        generate_speech_textarea(text)
-        st.markdown(text)
-else:
-    st.error(f"🚫 No data for {selected_state}.")

 import streamlit as st
+import streamlit.components.v1 as components
 import geopandas as gpd
+import matplotlib.pyplot as plt
+# Function to generate HTML with textarea for speech synthesis
+def generate_speech_textarea(text_to_speak):
+    documentHTML5 = '''
+    <!DOCTYPE html>
+    <html>
+    <head>
+        <title>Read It Aloud</title>
+        <script type="text/javascript">
+            function readAloud() {{
+                const text = document.getElementById("textArea").value;
+                const speech = new SpeechSynthesisUtterance(text);
+                window.speechSynthesis.speak(speech);
+            }}
+        </script>
+    </head>
+    <body>
+        <h1>🔊 Read It Aloud</h1>
+        <textarea id="textArea" rows="10" cols="80" readonly>'''
+    documentHTML5 = documentHTML5 + text_to_speak
+    documentHTML5 = documentHTML5 + '''
+        </textarea>
+        <br>
+        <button onclick="readAloud()">🔊 Read Aloud</button>
+    </body>
+    </html>
+    '''
+    components.html(documentHTML5, width=1280, height=500)
+# Function to display the state outline
+def plot_state_outline(state_code):
+    # Read U.S. geometries file
+    gdf = gpd.read_file(gpd.datasets.get_path('naturalearth_lowres'))
+    # Filter data for the given state
+    gdf_state = gdf[gdf['iso_a3'] == 'USA']
+    # Plot the geometry
+    ax = gdf_state.boundary.plot()
+    plt.title(f"{state_code} State Outline")
+    st.pyplot(plt)
+# States list and associated icons
+states = ['MN', 'CA', 'WA', 'FL', 'TX', 'NY', 'NV']
+icons = ['🦆', '🌴', '🍎', '🌞', '🤠', '🗽', '🎰']
+# Main code
+st.title('U.S. States Trivia 🗺️')
+for i, (state, icon) in enumerate(zip(states, icons)):
+    st.markdown(f"{i + 1}. {state} {icon}")
+    # Expanders for each state to outline fascinating facts
+    with st.expander(f"See Fascinating Facts about {state}"):
+        text_to_speak = ""
+        if state == 'MN':
+            text_to_speak = "🦆 **Minnesota** \n🏞️ Known as the 'Land of 10,000 Lakes' \n🎣 Famous for its fishing \n🛶 Boundary Waters offers incredible canoeing \n🎓 Home to prestigious colleges \n❄️ Cold winters but lovely summers."
+        elif state == 'CA':
+            text_to_speak = "🌴 **California** \n🌉 Home to the Golden Gate Bridge \n🎬 Center of the American entertainment industry \n🍇 Famous for Napa Valley's wine \n🌲 Home to Redwood National Park \n🏄‍♀️ Excellent beaches and surf spots."
+        elif state == 'WA':
+            text_to_speak = "🍎 **Washington** \n☕ Known for its coffee culture \n🗻 Home to Mount Rainier \n🍏 Leading apple-producing state \n🐟 Rich in seafood, especially salmon \n🌧️ Known for its rainy weather."
+        elif state == 'FL':
+            text_to_speak = "🌞 **Florida** \n🏝️ Famous for its beaches \n🎢 Home to various amusement parks like Disney World \n🚀 Space launches from Cape Canaveral \n🐊 Known for the Everglades and alligators \n🍊 Major orange producer."
+        elif state == 'TX':
+            text_to_speak = "🤠 **Texas** \n🛢️ Known for its oil and gas industry \n🍖 Famous for its barbecue \n🎸 Rich musical heritage \n🐄 Home to many cattle ranches \n🌵 Includes part of the Chihuahuan Desert."
+        elif state == 'NY':
+            text_to_speak = "🗽 **New York** \n🏙️ Home to New York City, the largest city in the U.S. \n🍎 Known as the Big Apple \n🎭 Major hub for arts and culture \n🏞️ Adirondack Mountains offer outdoor adventures \n🍕 Famous for its style of pizza."
+        elif state == 'NV':
+            text_to_speak = "🎰 **Nevada** \n🌆 Known for Las Vegas and its casinos \n🏜️ Includes part of the Mojave Desert \n🎪 Entertainment is a major industry \n💎 Known for the Hoover Dam \n👽 Area 51 is located here."
+        st.markdown(text_to_speak)
+        plot_state_outline(state)
+        if st.button(f"🔊 Read {state}'s Facts Aloud"):
+            generate_speech_textarea(text_to_speak)