CommencerCommencer gratuitement

Performance des actions tech dans le temps

Le fonds spéculatif souhaite analyser les tendances des actions technologiques sur les dernières années. Il a demandé un graphique en lignes affichant les cours d’Apple, IBM et Netflix.

Il souhaite également un DateRangeSlider pour ajuster la période visualisée, afin de repérer plus facilement les périodes d’intérêt.

Une figure a été créée avec des glyphes de type ligne. De plus, earliest_date et lowest_date ont été préchargées comme les dates la plus ancienne et la plus récente de la colonne stocks["date"].

Cet exercice fait partie du cours

Visualisation de données interactive avec Bokeh

Afficher le cours

Instructions

  • Importez DateRangeSlider.
  • Appelez DateRangeSlider(), en attribuant "Date" à title, earliest_date et latest_date à start et end, en définissant value égal à "2014, 6, 2", "2018, 2, 7", et en incluant un incrément de 1 jour par interaction avec le widget.
  • Appelez .js_link() deux fois, en liant la "value" du widget à "Start" et "End" de x_range de fig et en définissant le sélecteur d’attribut à 0 puis 1 respectivement dans chaque appel.
  • Appelez layout() pour afficher le slider au-dessus de fig.

Exercice interactif pratique

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

# 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(____(____, ____))
Modifier et exécuter le code