ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Tableau] 막대사탕 차트(Lollipop Chart) 시각화하기
    Data Visualization/Tableau(Advanced) 2020. 9. 5. 00:33

    Table of Contents

    1. Introduction

    2. Data

    3. Tableau에서 막대사탕 차트 시각화하기

    4. Reference

     

    Introduction

     막대사탕 차트(Lollipop Chart)는 막대 그래프의 일종으로 지표간의 크기를 비교하기 위한 목적으로 사용한다.  막대기 끝에 원이 달려있어서 마치 추파춥스와 같은 막대 사탕을 연상케한다. 경우에 따라서, 원 대신에 다양한 이미지로 표현하는 것을 주변에서 살펴 볼 수 있는 시각화 기법이다.

     

    Data

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

    sample_data.xlsx
    0.02MB

     

    Date Type Product Price Visit Sales
    2017-12-31 라떼 4000 132 528000
    2017-12-31 아메리카노 3500 117 409500
    2017-12-31
    아이스 아이스 라떼 4000 145 580000
    2017-12-31
    아이스 아이스 아메리카노 3500 118 413000
    2017-12-31
    아이스 포도 주스 4500 133 598500
    2017-12-31 아이스 수박 주스 5000 0 0
    2018-01-31 라떼 4000 150 600000
    2018-01-31
    아메리카노 3500 121 423500
    2018-01-31
    아이스 아이스 라떼 4000 123 492000
    2018-01-31
    아이스 아이스 아메리카노 3500 111 388500
    2018-01-31
    아이스 포도 주스 4500 146 657000
    2018-01-31
    아이스 수박 주스 5000 0 0

     

    Tableau에서 막대사탕 차트 시각화하기

    <그림 2> 완성된 막대사탕 차트

     

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

     

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

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

     

    3-1. 도넛 차트에서 활용했던 이중축을 활용하여 막대사탕 차트를 구현할 수 있다. 먼저, 측정값의 visit를 행 또는 열로 드래그하고 visit를 한번 더 그래그 하여 이미 생성된 초록색 알약과 함께 두 개의 알약을 나란히 배치한다.

     

    3-2. 행 패널에 있는 초록색 알약에서 오른쪽 버튼을 클릭하면 나타나는 팝업 창에서 '이중 축'을 클릭하면 하나의 그래프가 완성이 된다.

     이 때, 두 축을 동기화하여 높이를 동일하게 하는 것이 중요하다.

     

    3-3.  마크 패널에서 첫 번째 visit의 표현 방식을 자동에서 막대로 변경하고, 크기를 줄여서 막대 사탕의 막대를 만들어 준다.

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

    <그림 3> 이중축을 활용하여 막대사탕 차트를 작성한 결과

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

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

     

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

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

     

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

    public.tableau.com/views/__15992321532590/Sketch

     

    Reference

    jay, "[Tableau] 도넛 차트(Donut Chart) 시각화하기", https://jaydata.tistory.com/61

     

     

     

    댓글

Designed by Tistory.