ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Tableau] 파이 차트(Pie Chart) 시각화하기
    Data Visualization/Tableau(Intermediate) 2020. 8. 17. 14:04

    Table of Contents

    1. Introduction

    2. Data

    3. Tableau에서 파이 차트 시각화하기

    4. Reference

     

    Introduction

    파이 차트(Pie Chart)는 일반적으로 차원별로 측정값의 비중을 보여주기 위한 목적으로 사용한다. 파이 차트의 축이 없으나 차원을 수치값의 구분자로 사용하여 표현한다. Severino Ribecca는 <그림 1>과 같이 파이 차트의 정의를 구체적으로 제시하며, 전체 측정값의 합을 360도(비율 : 100%)로 정의하고 차원의 구분값에 따른 측정값의 비율에 맞춰 각 영역의 파이 차트 각도를 표현한다.

    <그림 1> Severino의 파이 차트 구조도

    Data

    다음 데이터를 다운로드하고 태블로 데스크탑 이나 퍼블릭에서 불러온다.

    sample_data.xlsx
    0.01MB

     

    Date Type Product Sale
    2017-12-31 아이스 아이스 아메리카노 125
    2017-12-31 아이스 아이스 라떼 111
    2017-12-31
    아메리카노 146
    2017-12-31 라떼 114
    2018-01-31
    아이스 아이스 아메리카노 114
    2018-01-31
    아이스 아이스 라떼 146
    2018-01-31 아메리카노 120
    2018-01-31 라떼 141

     

    Tableau에서 파이 차트 시각화하기

    <그림 2> 완성된 파이 차트

    1. 태블로에서 파이 차트를 시각화하는 방법은 간단하게 수행할 수 있다. 먼저, 태블로에 샘플 데이터를 연동하기 위해서 위의 실습용 샘플 데이터를 다운로드 한다.

     

    2. 태블로에서 엑셀 파일을 연동한다.

    ※ 태블로 주요 기능(https://jaydata.tistory.com/46)을 참고한다.

     

    3. 데이터 패널에서 Select Date라는 매개 변수를 생성한다. 이때, 데이터 유형은 정수, 허용 가능한 값은 목록으로 선택하고 값 목록에는 2017, 2018, 2019, 2020을 넣어서 년도를 표현해준다.

     

    4. 데이터 패널에서 3에서 생성한 Select Date를 활용하여 계산된 필드인 날짜를 생성한다.

    계산된 'Select Date(Y)' 함수
    [Select Date] = DATEPART('year', [Date])

     

    5. 마크 패널에서 자동을 파이 차트로 바꿔주고 데이터 패널이 있는 Product 차원을 색상으로, Sale 측정값을 각도로 드래그한다. 파이 차트를 쉽해 확인 할 수 있도록 차원값 Product와 측정값 Sale를 레이블로 옮겨준다.

    ※ 레이블을 클릭하면 레이블의 모양, 마크, 옵션 등을 편집할 수 있다.

    <그림 3> 데이터 패널에서 Product와 Sale를 마크 패널에 드래그하여 파이 차트를 작성한 결과

    6. 데이터 패널에서 색상 클릭하여 적절한 색상으로 변경한다.

    ※ 시트 구성에서 색상은 변경하는 것 보다 대시보드 구성시 적절한 색상을 편집하는 것을 권장한다.

     

    7. 상단의 맞춤을 '표준'에서 '전체 보기'로 선택한다.

    <그림 4> 나머지 과정 수행 결과

    시각화 한 결과는 태블로 퍼블릭에서 참고할수 있으며, 날짜표현방식을 년/분기/월로 선택하는 것을 직접 확인 할 수 있다.

    public.tableau.com/views/__15976316911520/Sketch

    Reference

    Severino Ribecca, "Line Chart", https://datavizcatalogue.com/methods/line_graph.html

     

     

    댓글

Designed by Tistory.