Reiseanalyse

Der Hedgefonds peilt große Ziele an und möchte die Performance von Fluggesellschafts-Aktien verstehen.

Du erstellst ein Liniendiagramm von Aktienkurs über Datum und ermöglichst es den Zuschauer:innen, zwischen Delta Air Lines, Southwest Airlines und Boeing zu wechseln. Die Grafik und die Glyphs sind bereits für dich vorbereitet:

boeing = stocks.loc[stocks["name"] == "BA"]
delta = stocks.loc[stocks["name"] == "DAL"]
southwest = stocks.loc[stocks["name"] == "LUV"]
fig = figure(x_axis_label="Date", y_axis_label="Stock Price", 
             x_axis_type="datetime")
boeing_line = fig.line(x=boeing["date"], y=boeing["close"],
                       alpha=0.5)
delta_line = fig.line(x=delta["date"], y=delta["close"], 
                      color="red", alpha=0.5)
sw_line = fig.line(x=southwest["date"], y=southwest["close"], 
                   color="green", alpha=0.5)

Diese Übung ist Teil des Kurses

<Kurs>Interaktive Datenvisualisierung mit Bokeh</Kurs>

Kurs ansehen

Übungsanweisungen

Importiere das Widget Select zusammen mit CustomJS.
Erstelle das Widget Select und setze options als Liste mit "Boeing", "Delta" und "Southwest" (in dieser Reihenfolge), value auf "Boeing" und title auf "Airline".
Richte das Widget so ein, dass die Funktion callback bei einer Änderung von "value" ausgeführt wird.

Interaktive praktische Übung

Versuche dich an dieser Übung, indem du diesen Beispielcode vervollständigst.

# Import modules
____

# Create Select widget
menu = ____(____=["____", "____", "____"], ____="____", ____="____") 

callback = CustomJS(args=dict(line_1=boeing_line, line_2=delta_line,
                             line_3=sw_line), code="""
line_1.visible = true
line_2.visible = true
line_3.visible = true
if (this.value == "Boeing") {line_2.visible = false
							 line_3.visible = false} 
    else {line_1.visible = false}
if (this.value == "Delta") {line_1.visible = false
							line_3.visible = false} 
    else {line_2.visible = false}
if (this.value == "Southwest") {line_1.visible = false
								line_2.visible = false} 
    else {line_3.visible = false}
""")

# Set up interaction
menu.____("____", ____)
output_file(filename="airline_stocks.html")
show(column(menu, fig))

Code bearbeiten und ausführen