Update app.py

app.py

@@ -1,9 +1,3 @@
-# Full screen issue things to try
-# Set a Fixed Aspect Ratio Manually:
-# CSS Adjustments:style="height: inherit"
-# Use responsive: true
-# Height Adjustment on Resize: resize function in JavaScript that recalculates and adjusts the container height dynamically when switching to full screen
- 
 import streamlit as st
 import pandas_datareader.data as web
 import yfinance as yf
@@ -17,38 +11,49 @@ st.set_page_config(layout="wide")
 st.title("Key Economic Recession Indicators")
 st.markdown("""
 This tool allows you to visualize and analyze various recession indicators over time.
-The shaded areas in the charts represent historical recession periods.
-Use the checkboxes in the sidebar to choose the indicators you'd like to explore.
+- The shaded areas in the charts represent historical recession periods.
+- Use the checkboxes in the sidebar to choose the indicators you'd like to explore.
 """)
 
+# Sidebar for "How to Use" instructions inside an expander, closed by default
+with st.sidebar.expander("How to Use", expanded=False):
+    st.write("""
+    **How to use this app:**
+    1. Select the indicators you want to visualize from the sidebar.
+    2. Click "Run Analysis" to generate the plots.
+    3. The plots will show historical data for the selected indicators, with recession periods shaded in gray.
+    4. Hover over the charts to see detailed information for each data point.
+    """)
+
 # Sidebar for chart selection
 st.sidebar.header("Select Indicators")
-indicators = {
-    'Sahm Recession Indicator': 'SAHMREALTIME',
-    'U.S. Recession Probabilities': 'Recession_Probabilities',
-    'Yield Spread (10Y - 2Y)': 'Yield_Spread',
-    'Stock Market (S&P 500)': 'SP500',
-    'VIX': 'VIX',
-    'Treasury Rates': ('GS10', 'DGS2', 'DGS1MO', 'TB3MS'),
-    'Federal Funds Rate': 'FEDFUNDS',
-    'Unemployment Rate': 'UNRATE',
-    'Nonfarm Payrolls': 'PAYEMS',
-    'Jobless Claims': 'ICSA',
-    'Retail Sales': 'RSXFS',
-    'Industrial Production': ('INDPRO', 'INDPRO_PCT'),
-    'Housing Starts': 'HOUST',
-    'Consumer Confidence': 'UMCSENT',
-    'Inflation (CPI)': ('CPIAUCSL', 'CPIAUCSL_PCT')
-}
-
-selected_indicators = {key: st.sidebar.checkbox(key, value=True) for key in indicators.keys()}
+with st.sidebar.expander("Indicators", expanded=True):
+    indicators = {
+        'Sahm Recession Indicator': 'SAHMREALTIME',
+        'U.S. Recession Probabilities': 'Recession_Probabilities',
+        'Yield Spread (10Y - 2Y)': 'Yield_Spread',
+        'Stock Market (S&P 500)': 'SP500',
+        'VIX': 'VIX',
+        'Treasury Rates': ('GS10', 'DGS2', 'DGS1MO', 'TB3MS'),
+        'Federal Funds Rate': 'FEDFUNDS',
+        'Unemployment Rate': 'UNRATE',
+        'Nonfarm Payrolls': 'PAYEMS',
+        'Jobless Claims': 'ICSA',
+        'Retail Sales': 'RSXFS',
+        'Industrial Production': ('INDPRO', 'INDPRO_PCT'),
+        'Housing Starts': 'HOUST',
+        'Consumer Confidence': 'UMCSENT',
+        'Inflation (CPI)': ('CPIAUCSL', 'CPIAUCSL_PCT')
+    }
+
+    selected_indicators = {key: st.checkbox(key, value=True) for key in indicators.keys()}
 
 # Define start and end dates
 start_date = datetime.datetime(1920, 1, 1)
 end_date = datetime.datetime.today()
 extended_end_date = end_date + datetime.timedelta(days=120)
 
-# Define recession periods (as before)
+# Define recession periods
 crash_periods = {
     '1929-08-01': '1933-03-01',
     '1937-05-01': '1938-06-01',
@@ -245,4 +250,4 @@ hide_streamlit_style = """
 footer {visibility: hidden;}
 </style>
 """
-st.markdown(hide_streamlit_style, unsafe_allow_html=True)      
+st.markdown(hide_streamlit_style, unsafe_allow_html=True)