Update app.py

app.py

@@ -1,175 +1,3 @@
-# start with the setup
-
-# supress warnings about future deprecations
-import warnings
-warnings.simplefilter(action='ignore', category=FutureWarning)
-
-import pandas as pd
-import altair as alt
-import numpy as np
-import pprint
-import datetime as dt
-from vega_datasets import data
-import matplotlib.pyplot as plt
-
-# Solve a javascript error by explicitly setting the renderer
-alt.renderers.enable('jupyterlab')
-
-#load data 
-df1=pd.read_csv("https://raw.githubusercontent.com/dallascard/SI649_public/main/altair_hw3/approval_polllist.csv")
-df2=pd.read_csv("https://raw.githubusercontent.com/dallascard/SI649_public/main/altair_hw3/approval_topline.csv")
-
-#change the approval ratings into percentage
-df1['approve_percent']=df1['approve']/100
-df1.head()
-
-df2['timestamp']=pd.to_datetime(df2['timestamp'])
-df2=pd.melt(df2, id_vars=['president', 'subgroup', 'timestamp'], value_vars=['approve','disapprove']).rename(columns={'variable':'choice', 'value':'rate'})
-df2.head()
-
-
-##TODO: replicate vis 1 
-
-##Static Component - Bars
-barchart1_1 = alt.Chart(df1).transform_joinaggregate(
-    groupby=['pollster']
-).mark_bar(height=15).encode(
-    alt.X('mean(approve_percent):Q', axis=alt.Axis(labels=True, title=None)),
-    alt.Y('pollster:N', axis=alt.Axis(labels=True, title=None)),
-    alt.Tooltip('mean(approve_percent):Q', format='.0%')
-).properties(
-    title='Average Approval Ratings for Joe Biden'
-)
-
-##Static Component - Vertical Line
-vline1_1 = alt.Chart(df1).mark_rule(size=3, color="firebrick").encode(
-    alt.X('mean(approve_percent):Q')
-)
-
-##Static Component - Text
-text1_1 = vline1_1.mark_text(
-    color='firebrick',
-    fontSize=12,
-    align='left',
-    dx=7
-).encode(
-    alt.Text('mean(approve_percent):Q', format='.2%'),
-)
-
-##Put all together
-selection1 = alt.selection_interval(encodings=["y"])
-condition1 = alt.condition(selection1, alt.value(1.0), alt.value(0.6))
-
-barchart1_2 = barchart1_1.add_params(selection1).encode(
-    opacity = condition1
-)
-
-vline1_2 = vline1_1.add_params(selection1).transform_filter(selection1)
-
-text1_2 = text1_1.transform_filter(selection1)
-
-final_viz1 = barchart1_2 + vline1_2 + text1_2
-final_viz1
-
-
-
-#TODO: replicate vis2
-
-# Create selection and condition
-selection2 = alt.selection_interval(encodings=["x"])
-condition2 = alt.condition(selection2, alt.value(1.0), alt.value(0.6))
-
-# scatter plot
-scatter2_1 = alt.Chart(df1).mark_point().transform_joinaggregate(
-    groupby=['pollster']
-).encode(
-    alt.X('startdate:T', axis=alt.Axis(labels=True, title=None)),
-    alt.Y('mean(adjusted_approve):Q', axis=alt.Axis(title='Approval ratings')),
-    color='pollster:N',
-)
-
-# bar chart
-bar2_1 = alt.Chart(df1).mark_bar().transform_joinaggregate(
-    groupby=['pollster:N']
-).encode(
-    alt.X('mean(adjusted_approve):Q', axis=alt.Axis(title = 'Mean of Approval Ratings')),
-    alt.Y('pollster:N', axis=alt.Axis(labels=True, title=None)),
-    color='pollster:N'
-)
-
-# Put them all together
-# scatter2_1 & bar2_1
-
-scatter2_2 = scatter2_1.add_params(selection2).encode(
-    opacity = condition2
-)
-
-bar2_2 = bar2_1.add_params(selection2).transform_filter(selection2)
-
-final_viz2 = (scatter2_2 & bar2_2).properties(
-    title='Recently Reported Approval Ratings for Joe Biden'
-)
-
-final_viz2
-
-
-#TODO: replicate vis3
-# https://altair-viz.github.io/gallery/multiline_tooltip.html
-
-# Create a selection for zooming and panning across the x-axis
-scale = alt.selection_interval(bind='scales', encodings=['x'])
-
-# Create a selection and condition for the vertical line, annotation dots, and text annotations
-nearest = alt.selection_point(on='mouseover', encodings=['x'], nearest=True, empty=False)
-opacityCondition = alt.condition(nearest, alt.value(1), alt.value(0))
-
-# Create the base chart and filter to All polls
-base3 = alt.Chart(df2).mark_line(size=2.5).transform_filter(
-    alt.datum.subgroup =='All polls'
-).encode(
-    alt.X('timestamp:T', axis=alt.Axis(labels=True, title=None)),
-    y='rate:Q',
-    color='choice:N'
-).add_params(scale).properties(
-    title='Approval Ratings for Joe Biden 2021-2023'
-)
-
-# Static line chart
-# Vertical line
-selectors = alt.Chart(df2).mark_point().encode(
-    x='timestamp:T',
-    opacity=alt.value(0),
-).add_params(
-    nearest
-)
-
-rules = alt.Chart(df2).mark_rule(size=4, color='lightgray').encode(
-    x='timestamp:T'
-).transform_filter(
-    nearest
-)
-
-#interaction dots
-points = base3.mark_point(size=90).encode(
-    opacity= opacityCondition  # alt.condition(nearest, alt.value(1), alt.value(0))
-)
-
-#interaction text labels
-text = base3.mark_text(fontSize=14, align='left', dx=7).transform_filter(
-    alt.datum.subgroup =='All polls'
-).encode(
-    text=alt.condition(nearest, 'rate:Q', alt.value(' '), format='.2f')
-)
-
-#Put them all together
-alt.layer(
-    base3, selectors, points, rules, text
-).properties(
-    width=400, height=300
-)
-
-
-
 ## Viz 4
 # Import panel and vega datasets
 
@@ -177,7 +5,7 @@ import panel as pn
 import vega_datasets
 
 # Enable Panel extensions
-pn.extension()
+pn.extension(design='bootstrap')
 
 # Define a function to create and return a plot