[Tableau] 트리맵(Treemap) 시각화하기

Table of Contents

1. Introduction
2. Data
3. Tableau에서 트리맵 시각화하기
4. Reference

 

Introduction

트리맵(Treemap)은 측정값이 어떻게 구성되어 있는지를 보여주기 위한 목적으로 사용한다. 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. 데이터 패널이 있는 Product 차원을 색상으로, Sale 측정값을 크기로 드래그한다. 트리맵을 쉽게 확인 할 수 있도록 차원값 Product와 측정값 Sale를 레이블로 옮겨준다.

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

<그림 3> 마크 패널로 드래그하여 트리맵을 작성한 결과

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

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

 

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

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

 

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

public.tableau.com/views/__15983453073610/Sketch

 

Reference

Severino Ribecca, "Treemap", https://datavizcatalogue.com/methods/treemap.html