Plotly 그래프와 도형

Dash와 Plotly로 대시보드 만들기

Alex Scriven

Data Scientist

Dash란?

  • 대화형 웹 애플리케이션을 만드는 파이썬 라이브러리

$$

$$

장점:

  • 무료! Tableau나 PowerBI와 달리
  • Python만으로 JavaScript 활용
  • 웹 프레임워크보다 코드가 적음
Dash와 Plotly로 대시보드 만들기

Plotly와 Dash

  • 함께 잘 작동함

$$

  • Dash: 여러 Plotly 그래프가 있는 대화형 대시보드
  • 예시 보기

 

금융 대시보드 예시 스크린샷: 다양한 그래프, 텍스트, 표, 이미지 포함. 호버 상세가 있는 선형 차트가 강조됨

Dash와 Plotly로 대시보드 만들기

Plotly란?

 

  • Plotly를 간단히 복습하고 Dash에 집중합니다
  • 최신 대화형 그래프용 파이썬 라이브러리
    • JavaScript를 감싸지만 Python으로 코딩
  • plotly.express로 그래프 생성

$$

$$

$$

Dash와 Plotly로 대시보드 만들기

우리의 전자상거래 데이터

  • 전자상거래 매출 데이터셋

$$

$$

  • 세부 정보:
    • 품목 분류(대분류, 소분류) + 설명
    • 단가, 수량(+ OrderValue)
    • 국가
    • 판매 연-월

전자상거래 매출 표현

Dash와 Plotly로 대시보드 만들기

plotly.express로 선형 차트 만들기

 

import plotly.express as px

line_graph = px.line(

  data_frame=ecom_sales,
  x='Year-Month',
  y='Total Sales ($)', 
  title='Total Sales by Month')

line_graph.show()

 

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

Dash와 Plotly로 대시보드 만들기

plotly.express로 막대 차트 만들기

$$

bar_fig = px.bar(
  data_frame=ecom_sales,
  x='Total Sales ($)',
  y='Country',
  title='Total Sales by Country',

  orientation='h')

bar_fig.show()

 

가로 막대 차트 GIF: x축 총매출, y축 국가. 마우스 오버 시 데이터가 표시됨

Dash와 Plotly로 대시보드 만들기

Plotly 그래프 커스터마이즈

 

막대 그래프의 막대 너비 변경:

bar_fig.update_layout({'bargap': 0.5})

bar_fig.show()

$$

$$

$$

Plotly 문서를 확인하십시오

 

가로 막대 차트 이미지: 이전 슬라이드와 동일하나 막대 간 간격이 더 작음

Dash와 Plotly로 대시보드 만들기

Vamos praticar!

Dash와 Plotly로 대시보드 만들기

Preparing Video For Download...