[Tableau] 도넛 차트(Donut Chart) 시각화하기

Table of Contents

1. Introduction

2. Data

3. Tableau에서 도넛 차트 시각화하기

4. Reference

 

Introduction

 도넛 차트(Donut Chart)는 파이 차트의 일종으로 전체 중에 각 각의 차지하는 비율을 보여주기 위한 목적으로 사용한다. Severino Ribecca는 <그림 1>과 같이 도넛 차트의 정의를 구체적으로 제시하며, 전체 데이터 중 각 각의 지표가 차지하는 비율을 도넛 한 조각의 각도로 환산하여 나타낸다.

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

 

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. 이중축을 구현하기 위해서 열 또는 행 패널에 더블 클릭해서 1을 입력하고 측정값을 오른쪽 버튼을 눌러서 차원으로  바꿔준다.

 

3-2. 마크 패널에서 표현 방식을 자동에서 파이 차트로 변경한다.

 

3-3. 데이터 패널이 있는 Project 차원값을 색상으로 드래그하고 sales 측정값을 각도로 드래그하면 두 개의 파이 차트가 완성된다.

 

3-4. 마크 패널에서 두 번째 1을 클릭하고 여기에 나타난 Product와 sales를 마크 패널 밖으로 드래그해서 제거하고 색상을 배경색과 동일하게 변경한다.

 

3-5. 마지막으로 열 패널에 있는 초록색 알약에서 오른쪽 버튼을 클릭하면 나타나는 팝업 창에서 '이중 축'을 클릭하면 도넛 차트가 완성된다.

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

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

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

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

 

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

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

 

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

public.tableau.com/views/__15990504205510/Sketch

 

Reference

Severino Ribecca, "Donut Chart", https://datavizcatalogue.com/methods/donut_chart.html