ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Tableau] 누적 막대 그래프(Stacked Bar Chart) 시각화하기
    Data Visualization/Tableau(Intermediate) 2020. 8. 17. 20:52

    Table of Contents

    1. Introduction

    2. Data

    3. Tableau에서 누적 막대 그래프 시각화하기

    4. Reference

     

    Introduction

    누적 막대 그래프(Stacked Bar Chart)는 파이 차트와 동일하게 일반적으로 차원별로 측정값의 비중을 보여주기 위한 목적으로 사용한다. 단, 파이 차트와는 다르게 축을 활용하여 구성비의 변화를 제공 할 수 있도록 막대 그래프를 이용하여 표현한다. Severino Ribecca는 <그림 1>과 같이 누적 막대 그래프의 정의를 구체적으로 제시하며, 단순 누적 막대 그래프(Simple Stacked Bar Chart)와 100기준 누적 막대 그래프(100% Stacked Bar Chart)로 분류한다. 

    <그림 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. 마크 패널에서 자동을 막대 그래프로 바꿔주고 데이터 패널이 있는 Product 차원을 색상으로, Sale 측정값을 행으로 드래그한다. 단순 누적 막대 그래프를 쉽해 확인 할 수 있도록 측정값 Sale를 레이블로 옮겨준다.

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

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

    4. 3의 과정을 수행하고, 행으로 옮긴 Sale를 마우스 오른쪽 버튼을 클릭해서 퀵 테이블 계산을 적용한다. 다음을 사용하여 계산을 적용하여, 연도별 전체 매출 대비 라떼와 아메리카노의 비율을 확인 할 수 있다.

    <그림 4> 테이블 계산을 이용하여 100기준 누적 막대 그래프 작성

     

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

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

     

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

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

    시각화 한 결과는 태블로 퍼블릭에서 참고할수 있다.

    public.tableau.com/views/__15976618707920/Sketch

     

    Reference

    Severino Ribecca, "Stacked Bar Chart", https://datavizcatalogue.com/methods/stacked_bar_graph.html

     

     

    댓글

Designed by Tistory.