Dash로 Plotly를 한 단계 끌어올려 보세요. Plotly를 간단히 복습한 뒤, 바로 첫 번째 Dash 앱을 만들어 봅니다. 이어서 HTML의 기초를 익히고, Dash가 이 핵심 웹 개발 언어를 활용해 더 큰 규모의 Dash 앱을 어떻게 구성하는지 살펴봅니다. 마지막으로, 글로벌 전자상거래 조직을 위한 첫 멀티 그래프 대시보드를 직접 만들어 보겠습니다.

Plotly 그래프와 도표

국가별 매출 선 그래프

국가별 매출 막대 그래프

Plotly에서 Dash로

프로그램

Dash 앱의 핵심 코드

Dash 앱에서의 매출

Dash 구성요소 배치하기

HTML과 Dash 결합하기

초안 매출 대시보드

HTML과 CSS로 Dash 앱의 구성 요소를 주도적으로 제어해 보세요. 각 기술이 무엇이며 현대 웹 개발의 핵심인지 이해하고, Dash 앱에 적용해 객체의 크기, 색상, 배치를 자유롭게 바꿔 봅니다.

Dash에서의 HTML

로고와 메모 추가하기

Dash에 HTML 목록 추가하기

Dash에서의 CSS 기본

CSS로 Dash 앱 스타일링하기

다크 모드로 전환하기

Dash에서의 고급 CSS

배치 연습

더 다듬어진 매출 대시보드

객체 레이아웃 제어하기

Dash 앱 스타일링

대화형 컴포넌트를 익혀 Dash 앱을 사용자 주도형 경험으로 바꿔 보세요. 드롭다운, 날짜 선택기, 자유 입력 필드를 추가해 앱의 요소를 변경하고, 사용자가 직접 탐색할 수 있는 진정한 셀프서비스 대시보드를 구축합니다.

Dash의 콜백

국가별 매출을 위한 드롭다운

깨진 대시보드 고치기

인터랙티브 컴포넌트

매출 데이터용 날짜 선택기

날짜 선택기 콜백

판매 데이터용 슬라이더

재사용 가능한 Dash 컴포넌트

Dash 컴포넌트 재사용하기

DRY 스타일로 Dash 컴포넌트 꾸미기

Dash 구성 요소에서 사용자 입력

플롯 제목 업데이트하기

상위 고객 위치 분석

콜백과 컴포넌트로 만드는 상호작용

한 그래프에서의 클릭이나 호버 동작이 다른 그래프의 변화를 유발하도록 만들어 Dash 앱 상호작용의 잠재력을 극대화하세요. 또한, 손쉽게 필터링·정렬·페이지 매김이 가능한 표를 만들고 다른 그래프의 변화를 트리거할 수도 있는 Dash의 AG Grid 모듈 기본기를 학습합니다.

요소 간 상호작용

호버 시 핵심 통계 생성하기

호버로 다른 플롯 업데이트하기

클릭해서 다른 플롯 업데이트하기

연쇄 콜백

조건부 드롭다운 옵션

체인 확장하기

Dash AG Grid 소개

대화형 핵심 지표 테이블

핵심 지표 표에 페이지 매김 적용하기

판매 대시보드 고도화

Dash AG Grid 상호작용

핵심 지표 테이블 스타일링

대화형 매출 대시보드 테이블

마무리 영상

고급 Dash 앱

2011 Global e-commerce data

2011 Global e-commerce data (Complete)

비싼 상용 소프트웨어 없이도 통찰력 있는 대시보드를 만들 수 있어요—Plotly와 Dash만으로 가능합니다. 글로벌 전자상거래 데이터를 활용해 Plotly 시각화를 대화형 대시보드로 바꾸는 여정을 함께해 보세요. 웹 애플리케이션의 기초를 배우고, HTML과 CSS로 대시보드의 구조와 스타일을 잡는 방법을 익히며, 다양한 데이터와 프로젝트에 맞게 응용할 수 있는 대시보드 포트폴리오를 만들어 보게 됩니다. 이제 그래프에 생동감을 불어넣을 준비가 되셨나요?

Introduction to Data Visualization with Plotly in Python

Data Manipulation with pandas

Dash와 Plotly로 대시보드를 만드는 법을 배워보세요.

Dash와 Plotly로 대시보드 만들기

Dash와 Plotly로 인터랙티브하고 인사이트가 풍부한 대시보드를 구축하는 방법을 학습하세요.

Plotly 그래프와 도표

Create Your Free Account