1. 학습
  2. /
  3. 강의
  4. /
  5. Bokeh로 배우는 인터랙티브 데이터 시각화

Connected

연습 문제

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

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

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

지침

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