Div 추가하기
해지 펀드에서 온라인 소매 시장의 차세대 유망주를 찾고 있어요. 지난 몇 년간 Amazon의 주가 흐름을 시각화하고, 해당 기간 동안 평균을 웃돈 날짜를 강조한 플롯을 만들어 달라고 요청했어요.
stocks 데이터셋에서 AMZN 주식만 필터링한 하위 집합이 이미 준비되어 있으며, Bokeh의 source 객체로 저장되어 있어요. 이제 Div와 BoxAnnotation이 포함된 선형(line) 플롯을 만들고, 이를 layout으로 표시해 보세요.
이 연습은 강의의 일부입니다
Bokeh로 배우는 인터랙티브 데이터 시각화
연습 안내
- 관련 Bokeh 클래스에서
layout과Div를 가져오세요. - 레이아웃에
"Amazon stock prices vs. average price over the period"라는 제목을 추가하세요. Div가 포함된 Bokeh 레이아웃을 표시하고, 그 아래에figure가 오도록 하세요.
실습형 인터랙티브 연습
이 예제를 이 샘플 코드를 완성하여 풀어보세요.
# Import modules
____
____
fig = figure(x_axis_label="Date", y_axis_label="Stock Price ($)")
fig.line(x="date", y="close", source=source, color="purple")
box = BoxAnnotation(bottom=amazon["close"].mean(), fill_color="green", fill_alpha=0.3)
fig.add_layout(box)
fig.xaxis[0].formatter = DatetimeTickFormatter(months="%b %Y")
# Create title
title = ____
output_file(filename="amazon_stocks.html")
# Display layout
____