Ändra glyfstorlek med en widget

Ett annat intressant område för hedgefonden är läkemedelsbranschen, där mycket innovation sker och skapar möjligheter för nya start-ups och scale-ups.

Du har fått i uppgift att skapa ett spridningsdiagram som visar värde och volym för aktier i fem läkemedelsbolag i datamängden – AbbVie, Eli Lilly, Merck, Johnson & Johnson och Nuformix. Eftersom du inte vet exakt hur datan kommer att se ut väljer du att använda Spinner-widgeten, så att intressenter kan anpassa glyfernas storlek efter behov.

Den här övningen är en del av kursen

Interaktiv datavisualisering med Bokeh

Visa kurs

Övningsinstruktioner

Importera layout och Spinner.
Skapa en spinner med titeln "Glyph size", med storlekar från 1 till 30 pixlar, som ändras med 1 pixel per klick, ett standardvärde på 4 och en bredd på 60.
Fyll i spinner.js_link() genom att först skicka "value", sedan scatter-glyfens attribut, och slutligen ange "size" som det attribut du vill ändra med spinnern.
Visa layouten med title på en enskild rad och en andra rad som visar spinner och fig i den ordningen.

Interaktiv övning med praktiskt arbete

Testa den här övningen genom att slutföra den här exempelkoden.

# Import modules
____
____
labels = ["ABBV", "JNJ", "LLY", "MRK", "NFX"]
fig = figure(x_axis_label="Volume", y_axis_label="Stock Price ($)")
scatter = fig.circle(x="volume", y="close", source=source, legend_field="name", fill_color=factor_cmap("name", palette=Category10_5, factors=labels), fill_alpha=0.5)
title = Div(text="Pharmaceuticals Stock Performance")
fig.xaxis[0].formatter = NumeralTickFormatter(format="0a")

# Create spinner
spinner = ____(title="____", low=____, high=____, step=____, value=____, width=____)

# Set up the widget action
spinner.js_link("____", ____.____, "____")
output_file(filename="pharma_stocks.html")

# Display the layout
show(____(____))

Redigera och kör kod