Ajouter un Div

Le fonds spéculatif cherche la prochaine grande tendance du marché de la vente en ligne. Il vous a demandé de produire un graphique visualisant l’évolution du cours de l’action d’Amazon sur les dernières années, en mettant en évidence les dates où le prix était au-dessus de la moyenne sur la période.

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

Cet exercice fait partie du cours

Visualisation de données interactive avec Bokeh

Afficher le cours

Instructions

Importez layout et Div depuis les classes Bokeh concernées.
Ajoutez un titre "Amazon stock prices vs. average price over the period" à la mise en page.
Affichez la mise en page Bokeh contenant le Div, suivie de la figure en dessous.

Exercice interactif pratique

Essayez cet exercice en complétant cet exemple de code.

# 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