Úprava velikosti glyfů pomocí widgetu

Dalším zajímavým odvětvím pro hedgeový fond jsou farmaceutické společnosti – děje se v nich spousta inovací, což otevírá příležitosti pro nové start-upy i rychle rostoucí firmy.

Dostal/a jsi za úkol vytvořit bodový graf zobrazující hodnotu a objem akcií pěti farmaceutických společností z datasetu: AbbVie, Eli Lilly, Merck, Johnson & Johnson a Nuformix. Protože si nejsi jistý/á, jak data budou vypadat, rozhodneš se použít widget Spinner, který umožní stakeholderům upravit velikost glyfů podle potřeby.

Toto cvičení je součástí kurzu

Interaktivní vizualizace dat s Bokeh

Zobrazit kurz

Pokyny k cvičení

Importuj layout a Spinner.
Vytvoř spinner s názvem "Glyph size", velikostí v rozsahu 1 až 30 pixelů, krokem 1 pixel na každé kliknutí, výchozí hodnotou 4 a šířkou 60.
Doplň spinner.js_link(): nejprve předej "value", poté atribut glyfu scatteru a nakonec zadej "size" jako atribut, který chceš spinnerem upravovat.
Zobraz layout tak, aby byl title na prvním řádku a druhý řádek obsahoval spinner a fig v tomto pořadí.

Interaktivní cvičení na vyzkoušení si v praxi

Vyzkoušejte si toto cvičení dokončením tohoto ukázkového kódu.

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

Upravit a spustit kód