Update app.py

app.py

@@ -58,13 +58,13 @@ bar_chart = (
     .properties(width=550, title="Agency Name Distribution by Year Acquired")
     .add_params(click)
 )
-st.markdown("""
-**This bar chart visualizes the distribution of Agency Name based on their acquisition year.
+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.**
+The Agency Name is taken as the ordinal value.
 """)
 # Combined Chart
 chart = alt.vconcat(scatter, bar_chart, title="Building Inventory Insights")
@@ -73,14 +73,15 @@ chart = alt.vconcat(scatter, bar_chart, title="Building Inventory Insights")
 tab1, tab2 = st.tabs(["Streamlit Theme", "Altair Native Theme"])
 
 with tab1:
-    st.altair_chart(chart, 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.
-""")
+    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(chart, theme="streamlit", use_container_width=True)
+
 with tab2:
     st.altair_chart(chart, theme=None, use_container_width=True)