정리 영상

Dash와 Plotly로 대시보드 만들기

Alex Scriven

Data Scientist

1장

 

  • Plotly 복습
  • 첫 Dash 앱 만들기
  • HTML 개요

월별 매출 선형 차트 GIF. 포인트에 마우스를 올리면 해당 월과 매출이 툴팁으로 표시됨

Dash와 Plotly로 대시보드 만들기

2장

 

  • HTML, CSS로 구조와 스타일 지정
  • 앱 요소의 배치·크기·스타일 조정
    • style 딕셔너리

제목 "Top Sales Categories" 아래 붉은 점선 테두리 안에 가로 막대차트가 있고, 테두리 밖에는 상위 두 판매 카테고리 목록이 있음. 테두리가 사방으로 확장되어 그래프와 제목(테두리 안), 아래 텍스트가 밀려남을 화살표로 표시.

Dash와 Plotly로 대시보드 만들기

3장

 

  • 콜백으로 상호작용 추가
  • 드롭다운, 날짜 선택기, 자유 입력

일반적인 날짜 선택기 GIF. 현재 날짜는 2025년 7월 1일. 클릭하면 캘린더가 열리고 7월 2일을 선택하면 캘린더가 닫히고 선택된 날짜가 갱신됨.

Dash와 Plotly로 대시보드 만들기

4장

 

  • 호버·클릭 이벤트로 상호작용
  • AG Grid 테이블 만들기

다른 셀을 클릭할 때마다 아래 텍스트 상자에 클릭한 셀의 내용이 딕셔너리로 표시되는 테이블 GIF

Dash와 Plotly로 대시보드 만들기

다음 단계?

 

  • 나만의 대시보드 만들기
  • 콜백 체인 실험하기
  • AG Grid 테이블 더 배우기

Screenshot at May 15 08-06-55.png

Dash와 Plotly로 대시보드 만들기

Plotly Studio

  • 몇 분 만에 데이터셋으로 Dash 앱 생성 ⚡
  • AI가 만든 기반 커스터마이즈 🔧
  • 클릭 한 번으로 Plotly Cloud에 게시 🚀

plotlystudio.png

1 plotly.com/studio
Dash와 Plotly로 대시보드 만들기

감사합니다!

Dash와 Plotly로 대시보드 만들기

Preparing Video For Download...