Update backupapp.py

backupapp.py

@@ -2,6 +2,8 @@ import streamlit as st
 import streamlit.components.v1 as components
 import geopandas as gpd
 import matplotlib.pyplot as plt
+import plotly.express as px
+import json
 
 # Function to generate HTML with textarea for speech synthesis
 def generate_speech_textarea(text_to_speak):
@@ -31,21 +33,56 @@ def generate_speech_textarea(text_to_speak):
     '''
     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']
+    #gdf_state = gdf[gdf['iso_a3'] == 'state_code']
     # Plot the geometry
     ax = gdf_state.boundary.plot()
     plt.title(f"{state_code} State Outline")
     st.pyplot(plt)
 
+# Load the GeoJSON file
+geojson_path = 'gz_2010_us_040_00_500k.json'
+with open(geojson_path, 'r') as file:
+    us_states_geojson = json.load(file)
+
+# Mapping of state codes to state names
+state_names = {
+    'MN': 'Minnesota',
+    'CA': 'California',
+    'WA': 'Washington',
+    'FL': 'Florida',
+    'TX': 'Texas',
+    'NY': 'New York',
+    'NV': 'Nevada'
+}
+
+# Function to display the state outline
+def plot_state_outline(state_code):
+    state_name = state_names.get(state_code, 'Unknown')
+    fig = px.choropleth(locations=[state_name], geojson=us_states_geojson,
+                        featureidkey="properties.NAME",
+                        projection="mercator")
+    fig.update_geos(fitbounds="locations", visible=False)
+    fig.update_layout(title=f"{state_name} State Outline")
+    st.plotly_chart(fig)
+
 # States list and associated icons
 states = ['MN', 'CA', 'WA', 'FL', 'TX', 'NY', 'NV']
 icons = ['🦆', '🌴', '🍎', '🌞', '🤠', '🗽', '🎰']
 
+# Display maps for each state
+for state, icon in zip(states, icons):
+    st.write(f"{icon} {state}")
+    plot_state_outline(state)
+    
 # Main code
 st.title('U.S. States Trivia 🗺️')
 
@@ -72,7 +109,8 @@ for i, (state, icon) in enumerate(zip(states, icons)):
             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)
+            generate_speech_textarea(text_to_speak)