自動車株の分析
ヘッジファンドから、自動車メーカー2社（Ford と General Motors）の財務パフォーマンスを把握するための散布図を作成してほしいと依頼されました。
2社それぞれについて、各日の終値を、時価総額（価格×出来高）に対してプロットする図を作成します。ファンドは x 軸をカスタマイズできるようにしたいと考えているため、RangeSlider を実装するよい機会です。
この演習はコースの一部です
Bokehで学ぶインタラクティブ・データビジュアライゼーション
演習の手順
RangeSliderをインポートします。- タイトルを
"Stock Price"、開始を 10、終了を 47、値は開始値と終了値を括弧内で指定し、ウィジェットの各操作でのstepは 1 として、sliderを作成します。 - 図の
x_range属性の start に、sliderの"value"をリンクし、属性セレクターには 0 を指定します。 - 同様に、図の
x_range属性の end にsliderの"value"をリンクし、属性セレクターには 1 を指定します。
実践的なインタラクティブ演習
このサンプルコードを完成させて、この演習に挑戦してみましょう。
# Import RangeSlider
____
fig = figure(x_axis_label="Stock Price ($)", y_axis_label="Market Cap")
fig.circle(x=ford["close"], y=ford["market_cap"], legend_label="Ford", fill_color="red", fill_alpha=0.5)
fig.circle(x=gm["close"], y=gm["market_cap"], legend_label="GM", fill_color="green", fill_alpha=0.5)
fig.yaxis[0].formatter = NumeralTickFormatter(format="$0a")
# Create slider
slider = ____(title="____", start=____, end=____, value=(____, ____), step=____)
# Link to start of x-axis
slider.____("____", fig.____, "____", attr_selector=____)
# Link to end of x-axis
slider.____("____", fig.____, "____", attr_selector=____)
output_file(filename="Slider.html")
show(layout([slider], [fig]))