HoverTool を追加する
エージェンシーは、ポジション別のバスケットボールのパフォーマンスに関するブログを作成しています。特にアシストとスティールに注目し、視聴者がグリフにマウスオーバーして、選手名、ポジション、所属チームを確認できるようにしたいと考えています。
あなたは事前に読み込まれている nba データセットを Bokeh の source オブジェクトに変換し、プロットにツールチップを追加します。
この演習はコースの一部です
Bokehで学ぶインタラクティブ・データビジュアライゼーション
演習の手順
ColumnDataSourceをインポートします。nbaDataFrame からsourceを作成します。TOOLTIPSの作成を完成させ、sourceの該当列から、この順番で"Position"と"Team"というラベルを追加し、TOOLTIPSを図に追加します。- x 軸に
"assists"、y 軸に"steals"の円グリフを追加し、source引数を完成させます。
実践的なインタラクティブ演習
このサンプルコードを完成させて、この演習に挑戦してみましょう。
# Import ColumnDataSource
from ____.____ import ____
# Create source
source = ____(data=____)
# Create TOOLTIPS and add to figure
TOOLTIPS = [("Name", "@player"), ("____", "____"), ("____", "____")]
fig = figure(x_axis_label="Assists", y_axis_label="Steals", tooltips=____)
# Add circle glyphs
fig.circle(x="____", y="____", source=____)
output_file(filename="first_tooltips.html")
show(fig)