Update app.py

app.py

@@ -3,14 +3,6 @@ import altair as alt
 import pandas as pd
 
 st.title("Building Inventory Insights")
-st.caption("""
-    This scatter plot visualizes the distribution of building size based on their acquisition year.
-    Design choices:
-    - X-axis displays the years acquired sorted in descending order.
-    - Y-axis displays the square footage.
-    This scatter plot visualizes the relationship between year-acquired and Square Footage of buildings, 
-    with Total Floors encoded as the size of the points.
-    """)
 
 # Load Dataset
 @st.cache_data
@@ -67,16 +59,22 @@ bar_chart = (
 )
 
 # Combined Chart
-chart = alt.vconcat(scatter, bar_chart, title="Building Inventory Insights")
+chart = alt.vconcat(scatter, bar_chart,title="Building Inventory Insights")
 
 # Tabs for Themes
 tab1, tab2 = st.tabs(["Streamlit Theme", "Altair Native Theme"])
 
 with tab1:
-    
-    st.altair_chart(chart, theme="streamlit", use_container_width=True)
-
-with tab2:
+    st.altair_chart(scatter, theme="streamlit", use_container_width=True)
+    st.caption("""
+    This scatter plot visualizes the distribution of building size based on their acquisition year.
+    Design choices:
+    - X-axis displays the years acquired sorted in descending order.
+    - Y-axis displays the square footage.
+    This scatter plot visualizes the relationship between year-acquired and Square Footage of buildings, 
+    with Total Floors encoded as the size of the points.
+    """)
+    st.altair_chart(bar_chart, theme="streamlit", use_container_width=True)
     st.caption("""
     This bar chart visualizes the distribution of Agency Name based on their acquisition year.
     Design choices:
@@ -85,4 +83,22 @@ with tab2:
     This bar chart visualizes which agency acquired the count of buildings in which Year.
     The Agency Name is taken as the ordinal value.
     """)
-    st.altair_chart(chart, theme=None, use_container_width=True)
+with tab2:
+    st.altair_chart(scatter, theme=None, use_container_width=True)
+    st.caption("""
+    This scatter plot visualizes the distribution of building size based on their acquisition year.
+    Design choices:
+    - X-axis displays the years acquired sorted in descending order.
+    - Y-axis displays the square footage.
+    This scatter plot visualizes the relationship between year-acquired and Square Footage of buildings, 
+    with Total Floors encoded as the size of the points.
+    """)
+    st.altair_chart(bar_chart, theme="streamlit", use_container_width=True)
+    st.caption("""
+    This bar chart visualizes the distribution of Agency Name based on their acquisition year.
+    Design choices:
+    - X-axis displays the Agency Name.
+    - Y-axis displays the Year Acquired.
+    This bar chart visualizes which agency acquired the count of buildings in which Year.
+    The Agency Name is taken as the ordinal value.
+    """)