Een Div toevoegen

Het hedgefonds is op zoek naar de volgende grote speler in de online retailmarkt. Ze hebben je gevraagd een plot te maken die de koersontwikkeling van Amazon van de afgelopen jaren visualiseert, met markering van de datums waarop de koers boven het gemiddelde voor die periode lag.

Een subset van de stocks-gegevensset is al voor je gemaakt, gefilterd op AMZN-aandelen, en opgeslagen als een Bokeh-source-object. Je bouwt een lijndiagram met een Div en een BoxAnnotation, en toont dit met layout.

Deze oefening maakt deel uit van de cursus

Interactieve datavisualisatie met Bokeh

Cursus bekijken

Oefeninstructies

Importeer layout en Div uit de relevante Bokeh-klassen.
Voeg de titel "Amazon stock prices vs. average price over the period" toe aan de layout.
Toon de Bokeh-layout met de Div, gevolgd door de figure eronder.

Praktische interactieve oefening

Probeer deze oefening eens door deze voorbeeldcode in te vullen.

# Import modules
____
____
fig = figure(x_axis_label="Date", y_axis_label="Stock Price ($)")
fig.line(x="date", y="close", source=source, color="purple")
box = BoxAnnotation(bottom=amazon["close"].mean(), fill_color="green", fill_alpha=0.3)
fig.add_layout(box)
fig.xaxis[0].formatter = DatetimeTickFormatter(months="%b %Y")

# Create title
title = ____
output_file(filename="amazon_stocks.html")

# Display layout
____

Code bewerken en uitvoeren