ウィジェットでグリフサイズを変更する
このヘッジファンドは、イノベーションが活発で新興企業やスケールアップの機会が多いことから、製薬分野にも関心を持っています。
データセットに含まれる5社（AbbVie、Eli Lilly、Merck、Johnson & Johnson、Nuformix）について、株式の値動きと出来高を示す散布図を作成するよう依頼されました。どのような見た目になるか分からないため、利害関係者が必要に応じてグリフサイズを調整できるよう、Spinner ウィジェットを使うことにします。
この演習はコースの一部です
Bokehで学ぶインタラクティブ・データビジュアライゼーション
演習の手順
layoutとSpinnerをインポートします。- タイトルを
"Glyph size"、サイズ範囲を 1〜30 ピクセル、クリックごとの増分を 1 ピクセル、初期値を 4、幅を 60 にしたスピナーを作成します。 spinner.js_link()を完成させます。最初に"value"、次に散布図のグリフ属性、最後にスピナーで変更したい属性として"size"を指定します。titleを1行目に、2行目にspinnerとfig（この順）を表示するレイアウトを出力します。
実践的なインタラクティブ演習
このサンプルコードを完成させて、この演習に挑戦してみましょう。
# 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(____(____))