iBetter Books
수정

개요

레이아웃도 잡고, 색상도 통일했습니다. 지윤의 대시보드는 이제 훨씬 보기 좋아졌습니다. 그런데 발표 준비를 하면서 한 가지 아쉬움이 생겼습니다.

"데이터가 시간에 따라 변하는 걸 보여주고 싶은데, 슬라이드를 여러 장 만들어야 하나?"

캡스톤 지도교수님은 "데이터의 흐름을 보여달라"고 하셨습니다. 연도별, 분기별로 값이 어떻게 변했는지. 정적인 차트보다는 움직이는 차트가 훨씬 강렬하게 전달됩니다.

Plotly에는 애니메이션 기능이 내장되어 있습니다. 그리고 완성된 차트를 HTML이나 이미지 파일로 저장해서 발표 자료에 삽입하는 방법도 있습니다.

학습 목표

  • animation_frame 파라미터로 시간 축 애니메이션을 만들 수 있습니다.
  • animation_group으로 그룹 추적 애니메이션을 구현할 수 있습니다.
  • fig.write_html()로 인터랙티브 HTML 파일을 저장할 수 있습니다.
  • fig.write_image()로 PNG, PDF, SVG 등 정적 이미지를 내보낼 수 있습니다.

이 장의 구성

내용
01. 애니메이션 animation_frame, animation_group, 축 고정
02. HTML·이미지·PDF 저장 write_html, write_image, JSON 직렬화