サイズを変更する

不動産業者から、サブプロットが少し大きすぎるというフィードバックがありました。次の可視化では、物件の建築年と a) CBD からの距離、b) 物件の広さの関係を示す図を、もう少し小さくするよう依頼されています。

ここでは、row 形式で 2 つのサブプロットのサイズを手動で指定します。

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

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

コースを見る

演習の手順

distance_vs_year と building_size_vs_year の両方で、height を 300 ピクセル、width を 400 ピクセルに設定します。
distance_vs_year にサークルのグリフを追加し、x を year_built、y を CBD からの distance にします。
同じ x 軸を使って building_size_vs_year にも追加し、y は building_area に設定します。
show() 呼び出しを完成させ、row レイアウトでサブプロットを表示します。

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

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

# Set up figures
distance_vs_year = figure(x_axis_label="Year Built", y_axis_label="Distance from CBD (km)", height=____, width=____)
building_size_vs_year = figure(x_axis_label="Year Built", y_axis_label="Building Size (Meters Squared)", height=____, width=____)

# Add circle glyphs to distance_vs_year
distance_vs_year.circle(x="____", y="____", source=____)

# Add circle glyphs to building_size_vs_year
building_size_vs_year.circle(x="____", y="____", source=____)

# Generate HTML file and display plot
output_file(filename="custom_size_plot")
show(____(____, ____))

コードを編集して実行