始める無料で始める

カラーバーを追加する

プロットを閲覧する人が、グリフの色がどのしきい値で変化するのか理解できるように、ColorBar を追加してほしいと依頼がありました。

前の演習で作成した図、mapper、そしてグリフはすでに用意されています。

この演習はコースの一部です

Bokehで学ぶインタラクティブ・データビジュアライゼーション

コースを見る

演習の手順

  • ColorBar をインポートします。
  • mapper の該当キーを使って color_bar を作成し、幅を 8 ピクセルに設定します。
  • 図のレイアウトの右側に color_bar を追加します。

実践的なインタラクティブ演習

このサンプルコードを完成させて、この演習に挑戦してみましょう。

# Import ColorBar
____

mapper = linear_cmap(field_name="assists", palette=RdBu8, low=min(nba["assists"]), high=max(nba["assists"]))
fig = figure(x_axis_label="Steals", y_axis_label="Assists", title="Steals vs. Assists")
fig.circle(x="steals", y="assists", source=source, color=mapper)

# Create the color_bar
color_bar = ____(color_mapper=____, width=____)

# Update layout with color_bar on the right
fig.____(____, "____")
output_file(filename="steals_vs_assists_color_mapped.html")
show(fig)
コードを編集して実行