[Tableau] 덤벨 차트(Dumbbell Chart) 시각화하기

Table of Contents

1. Introduction

2. Data

3. Tableau에서 덤벨 차트 시각화하기

4. Reference

 

Introduction

 덤벨 차트(Dumbbell 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. 도넛 차트에서 활용했던 이중축을 활용하여 덤벨 차트를 구현할 수 있다. 2018년 대비 2019년 제품별 성장이 얼마나 증가했을지를 확인하기 위해서, 측정값의 sales를 열로 드래그하고 차원의 Date를 필터로 옮겨서 2018년과 2019년을 선택한다. 다음으로 차원의 Product를 행으로 옮긴다.

 

3-2. 열 패널에 있는 초록색 알약 옆에 측정값 sales를 하나 더 옮기고, 오른쪽 버튼을 클릭하면 나타나는 팝업 창에서 '이중 축'을 클릭하면 하나의 그래프가 완성이 된다.

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

 

3-3.  마크 패널에서 첫 번째 sales의 표현 방식을 자동에서 라인으로 변경하고, 두 번째 sales의 표현 방식을 원으로 변경하면, 덤벨 차트가 완성된다.

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

<그림 3> 이중축을 활용하여 덤벨 차트를 작성한 결과

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

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

 

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

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

 

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

public.tableau.com/views/__15994819398970/Sketch

 

Reference

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