Update app3.py

app3.py

@@ -14,7 +14,6 @@ import matplotlib.pyplot as plt
 import panel as pn
 import vega_datasets
 
-
 df2=pd.read_csv("https://raw.githubusercontent.com/dallascard/SI649_public/main/altair_hw3/approval_topline.csv")
 
 # fix the time stamps and reorganize the data to combine approve and disapprove into one column
@@ -24,6 +23,9 @@ df2=pd.melt(df2, id_vars=['president', 'subgroup', 'timestamp'], value_vars=['ap
 # Enable Panel extensions
 pn.extension('vega')
 
+# we want to use bootstrap/template, tell Panel to load up what we need
+pn.extension(design='bootstrap')
+
 # Define a function to create and return a plot
 def create_plot(subgroup='All polls', date_range=[df2['timestamp'].min(), df2['timestamp'].max()], moving_av_window=1):
 
@@ -44,9 +46,9 @@ def create_plot(subgroup='All polls', date_range=[df2['timestamp'].min(), df2['t
     ]
     
     # Apply any required transformations to the data in pandas
-    smooth_data = approval_df2.sort_values('timestamp').rolling(window=moving_av_window, on='timestamp').mean().shift(moving_av_window*2)
+    smooth_data = approval_df2.sort_values('timestamp').rolling(window=moving_av_window, on='timestamp').mean().shift(-moving_av_window+1)
 
-    chart_data = approval_df2.copy()
+    chart_data = approval_df2.sort_values('timestamp').copy()
 
     # Line chart
     line = alt.Chart(smooth_data).mark_line(color='red', size=2).encode(