Ajouter un Div

Le fonds spéculatif cherche la prochaine grande tendance dans le commerce de détail en ligne. Il vous demande de produire un graphique illustrant l'évolution du cours de l'action d'Amazon au cours des dernières années, en mettant en évidence les dates où le prix était supérieur à la moyenne pour la période.

Un sous-ensemble du jeu de données stocks a été créé pour vous, filtré pour les actions AMZN, et stocké comme objet source de Bokeh. Vous allez construire un graphique linéaire incluant un Div et un BoxAnnotation, puis l'afficher à l'aide de layout.

Cette activité fait partie du cours

Visualisation de données interactive avec Bokeh

Voir le cours

Instructions de l’exercice

Importez layout et Div à partir des classes pertinentes de Bokeh.
Ajoutez le titre "Amazon stock prices vs. average price over the period" à la mise en page.
Affichez la mise en page Bokeh contenant le Div, suivi du figure en dessous.

Exercice interactif pratique

Essayez cet exercice en complétant ce code d’exemple.

# 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
____

Modifier et exécuter le code