test

app.py

@@ -26,6 +26,7 @@ import streamlit as st
 # SETTING PAGE CONFIG TO WIDE MODE AND ADDING A TITLE AND FAVICON
 st.set_page_config(layout="wide", page_title="NYC Ridesharing Demo", page_icon=":taxi:")
 
+
 # LOAD DATA ONCE
 @st.cache_resource
 def load_data():
@@ -89,6 +90,7 @@ def filterdata(df, hour_selected):
 def mpoint(lat, lon):
     return (np.average(lat), np.average(lon))
 
+
 # FILTER DATA BY HOUR
 @st.cache_data
 def histdata(df, hr):
@@ -104,8 +106,6 @@ def histdata(df, hr):
 # STREAMLIT APP LAYOUT
 data = load_data()
 
-hour_selected = 1
-
 # LAYING OUT THE TOP SECTION OF THE APP
 row1_1, row1_2 = st.columns((2, 3))
 
@@ -159,16 +159,20 @@ with row2_1:
     )
     map(filterdata(data, hour_selected), midpoint[0], midpoint[1], 11)
 
-map(filterdata(data, hour_selected), midpoint[0], midpoint[1], 11)
-
-map(filterdata(data, hour_selected), la_guardia[0], la_guardia[1], zoom_level)
+with row2_2:
+    st.write("**La Guardia Airport**")
+    map(filterdata(data, hour_selected), la_guardia[0], la_guardia[1], zoom_level)
 
-map(filterdata(data, hour_selected), jfk[0], jfk[1], zoom_level)
+with row2_3:
+    st.write("**JFK Airport**")
+    map(filterdata(data, hour_selected), jfk[0], jfk[1], zoom_level)
 
-map(filterdata(data, hour_selected), newark[0], newark[1], zoom_level)
+with row2_4:
+    st.write("**Newark Airport**")
+    map(filterdata(data, hour_selected), newark[0], newark[1], zoom_level)
 
 # CALCULATING DATA FOR THE HISTOGRAM
-chart_data = histdata(data, 1)
+chart_data = histdata(data, hour_selected)
 
 # LAYING OUT THE HISTOGRAM SECTION
 st.write(
@@ -176,14 +180,15 @@ st.write(
 )
 
 st.altair_chart(
-(alt.Chart(chart_data)
-.mark_area(
-    interpolate="step-after",
-)
-.encode(
-    x=alt.X("minute:Q", scale=alt.Scale(nice=False)),
-    y=alt.Y("pickups:Q"),
-    tooltip=["minute", "pickups"],
-)
-.configure_mark(opacity=0.2, color="red")
+    alt.Chart(chart_data)
+    .mark_area(
+        interpolate="step-after",
+    )
+    .encode(
+        x=alt.X("minute:Q", scale=alt.Scale(nice=False)),
+        y=alt.Y("pickups:Q"),
+        tooltip=["minute", "pickups"],
+    )
+    .configure_mark(opacity=0.2, color="red"),
+    use_container_width=True,
 )