Glyph-grootte aanpassen met een widget

Een ander interessegebied voor het hedgefonds is de farmaceutische sector, omdat daar veel innovatie plaatsvindt, wat kansen biedt voor nieuwe start-ups en scale-ups.

Je bent gevraagd een spreidingsplot te maken met de waarde en het volume van aandelen voor vijf farmaceutische bedrijven in de gegevensset: AbbVie, Eli Lilly, Merck, Johnson & Johnson en Nuformix. Je weet niet precies hoe de gegevens eruit zullen zien, dus je besluit de Spinner-widget te gebruiken, zodat stakeholders de grootte van de glyphs kunnen aanpassen als dat nodig is.

Deze oefening maakt deel uit van de cursus

Interactieve datavisualisatie met Bokeh

Cursus bekijken

Oefeninstructies

Importeer layout en Spinner.
Maak een spinner met de titel "Glyph size", met groottes van 1 tot 30 pixels, stappen van 1 pixel per klik, een standaardwaarde van 4 en een breedte van 60.
Vul spinner.js_link() aan: geef eerst "value" door, daarna het glyph-attribuut van de scatter, en specificeer tot slot "size" als het attribuut dat je met de spinner wilt aanpassen.
Toon de layout met title op één rij, en een tweede rij met spinner en fig in die volgorde.

Praktische interactieve oefening

Probeer deze oefening eens door deze voorbeeldcode in te vullen.

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

Code bewerken en uitvoeren