[Tableau] 영역 차트(Area Chart) 시각화하기

Table of Contents

1. Introduction

2. Data

3. Tableau에서 영역 차트 시각화하기

4. Reference

Introduction

영역 차트(Area Chart)는 선 그래프와 유사하나 아래에 영역이 채워진 형태로 시간에 따라 측정값의 변화를 보여주기 위한 목적으로 사용한다. Severino Ribecca는 <그림 1>과 같이 영역 차트의 정의를 구체적으로 제시하며, 시간 외 차원값이 존재할 경우 누적 영역 차트(Stacked Area 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. 마크 패널에서 자동을 영역으로 바꿔주고 데이터 패널에 있는 Date 차원을 열로, Sale 측정값을 행으로 드래그한다. 이럴 경우, 기본 형태의 영역 차트가 생성되며, 누적 영역 차트를 만들기 위해서 데이터 패널에 있는 Product를 마크 패널의 색상으로 옮겨준다.

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

<그림 3> 마크 패널의 자동을 영역으로 변경하고 데이터 패널의 차원과 측정값을 열과 행으로 이동한 결과

 

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

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

 

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

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

 

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

public.tableau.com/views/__15978423022460/Sketch

 

Reference

Severino Ribecca, "Area Chart", https://datavizcatalogue.com/methods/area_graph.html