시작하기무료로 시작하기

HoverTool 추가하기

에이전시에서 포지션별 농구 퍼포먼스를 다루는 블로그를 제작하고 있어요. 어시스트와 스틸에 집중하여, 시청자가 글리프 위에 마우스를 올리면 선수 이름, 포지션, 팀을 확인할 수 있게 하려 합니다.

미리 로드된 nba 데이터셋을 Bokeh의 source 객체로 변환한 뒤, 플롯에 툴팁을 추가하세요.

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

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

강의 보기

연습 안내

  • ColumnDataSource를 임포트하세요.
  • nba DataFrame에서 source를 생성하세요.
  • TOOLTIPS를 완성하세요. source의 관련 컬럼에서 순서대로 "Position"과 "Team" 레이블을 추가하고, 이 TOOLTIPS를 Figure에 설정하세요.
  • x축은 "assists", y축은 "steals"로 원형 글리프를 추가하고, source 인수를 완성하세요.

실습형 인터랙티브 연습

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

# Import ColumnDataSource
from ____.____ import ____

# Create source
source = ____(data=____)

# Create TOOLTIPS and add to figure
TOOLTIPS = [("Name", "@player"), ("____", "____"), ("____", "____")]
fig = figure(x_axis_label="Assists", y_axis_label="Steals", tooltips=____)

# Add circle glyphs
fig.circle(x="____", y="____", source=____)
output_file(filename="first_tooltips.html")
show(fig)
코드 편집 및 실행