시작하기무료로 시작하기

위젯으로 글리프 크기 변경하기

헤지 펀드는 혁신이 활발해 새로운 스타트업과 스케일업 기회가 많은 제약 분야에도 관심이 많습니다.

데이터셋에 포함된 다섯 제약회사(AbbVie, Eli Lilly, Merck, Johnson & Johnson, Nuformix)의 주가 가치와 거래량을 나타내는 산점도를 만들어 달라는 요청을 받았습니다. 데이터가 어떻게 보일지 확신할 수 없으므로, 이해관계자가 필요에 따라 글리프 크기를 조절할 수 있도록 Spinner 위젯을 사용하기로 합니다.

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

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

강의 보기

연습 안내

  • layout과 Spinner를 임포트하세요.
  • 제목이 "Glyph size"이고, 크기 범위가 1~30픽셀, 클릭할 때마다 1픽셀씩 변경되며, 기본값이 4이고 폭이 60인 스피너를 생성하세요.
  • spinner.js_link()를 완성하세요. 첫 번째 인자로 "value"를, 두 번째 인자로 산점도의 글리프 속성, 마지막 인자로 스피너로 수정할 속성인 "size"를 전달합니다.
  • 레이아웃을 표시하세요. 첫 번째 행에는 title을 두고, 두 번째 행에는 spinner와 fig를 이 순서로 배치합니다.

실습형 인터랙티브 연습

이 예제를 이 샘플 코드를 완성하여 풀어보세요.

# Import modules
____
____
labels = ["ABBV", "JNJ", "LLY", "MRK", "NFX"]
fig = figure(x_axis_label="Volume", y_axis_label="Stock Price ($)")
scatter = fig.circle(x="volume", y="close", source=source, legend_field="name", fill_color=factor_cmap("name", palette=Category10_5, factors=labels), fill_alpha=0.5)
title = Div(text="Pharmaceuticals Stock Performance")
fig.xaxis[0].formatter = NumeralTickFormatter(format="0a")

# Create spinner
spinner = ____(title="____", low=____, high=____, step=____, value=____, width=____)

# Set up the widget action
spinner.js_link("____", ____.____, "____")
output_file(filename="pharma_stocks.html")

# Display the layout
show(____(____))
코드 편집 및 실행