시작하기무료로 시작하기

자동차주 분석

헤지 펀드에서 두 자동차 기업인 Ford와 General Motors의 재무 성과를 이해할 수 있도록 산점도를 만들어 달라고 요청했어요.

두 회사에 대해, 각 날짜의 종가를 시가총액(가격 × 거래량)과 비교해 표시하는 플롯을 만들게 됩니다. 펀드 측에서는 x축을 직접 조정하길 원하므로, RangeSlider를 구현하기에 좋은 기회예요.

이 연습은 강의의 일부입니다

Bokeh로 배우는 인터랙티브 데이터 시각화

강의 보기

연습 안내

  • RangeSlider를 가져오세요.
  • 제목을 "Stock Price"로 하고 시작값 10, 끝값 47, 값은 괄호 안에 시작값과 끝값을 그대로 지정하며, 위젯과 상호작용할 때마다 step이 1이 되도록 slider를 생성하세요.
  • slider의 "value"를 도형의 x_range 속성의 시작값에 연결하고, 속성 선택자(attribute selector)에는 0을 지정하세요.
  • 같은 방식으로 slider의 "value"를 도형의 x_range 속성의 끝값에 연결하고, 속성 선택자에는 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]))
코드 편집 및 실행