Prestaties van techaandelen in de tijd

Het hedgefonds wil trends in techaandelen van de afgelopen jaren analyseren. Ze vragen om een lijndiagram met de aandelenkoersen van Apple, IBM en Netflix.

Ze willen ook een DateRangeSlider zodat ze de periode die ze bekijken kunnen aanpassen. Zo zie je makkelijker interessante perioden.

Er is een figuur gemaakt met lijnglyfen. Daarnaast zijn earliest_date en lowest_date vooraf geladen als de oudste en nieuwste datums in de kolom stocks["date"].

Deze oefening maakt deel uit van de cursus

Interactieve datavisualisatie met Bokeh

Cursus bekijken

Oefeninstructies

Importeer DateRangeSlider.
Roep DateRangeSlider() aan, geef "Date" aan title, earliest_date en latest_date aan start en end, stel value in op "2014, 6, 2", "2018, 2, 7", en voeg een stapgrootte van 1 dag per interactie met de widget toe.
Roep .js_link() twee keer aan, koppel de "value" van de widget aan de "Start" en "End" van de x_range van fig en stel de attribuutselector respectievelijk in op 0 en 1 in elke aanroep.
Roep layout() aan om de slider boven de fig weer te geven.

Praktische interactieve oefening

Probeer deze oefening eens door deze voorbeeldcode in te vullen.

# Import widget
____
earliest_date = stocks["date"].min()
latest_date = stocks["date"].max()
fig.line(apple["date"], apple["close"], color="green", legend_label="Apple")
fig.line(netflix["date"], netflix["close"], color="red", legend_label="Netflix")
fig.line(ibm["date"], ibm["close"], color="purple", legend_label="IBM")
fig.legend.location = "top_left"

# Create DateRangeSlider
slider = DateRangeSlider(title="____", start=____, end=____, 
                         value=("____", "____"), step=____)

# Link DateRangeSlider values to figure
slider.____("____", ____.____, "____", attr_selector=____)
slider.____("____", ____.____, "____", attr_selector=____)

# Create layout and display plot
output_file(filename="stock_price_over_time.html")
show(____(____, ____))

Code bewerken en uitvoeren