調整大小

房仲業者回饋說子圖有點太大了！他們請你把下一輪的視覺化調小一些，內容是顯示建築年份與 a）距離市中心（CBD）的距離，以及 b）房屋面積之間的關係。

你將以 row 形式手動指定兩個子圖的大小。

本練習屬於課程

使用 Bokeh 製作互動式資料視覺化

檢視課程

練習說明

將 distance_vs_year 與 building_size_vs_year 的 height 設為 300 像素、width 設為 400 像素。
在 distance_vs_year 中加入圓形圖元，x 使用 year_built，y 使用距離市中心的 distance。
在 building_size_vs_year 也以相同的 x 軸重複一次，但將 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(____(____, ____))

編輯並執行程式碼