본문 바로가기
VISUALIZATION

[Tableau] 영역 차트(Area Chart) 및 100% 누적 영역 차트(100% Stacked Area Chart)

by 진자이 2023. 7. 10.

안녕하세요 진자이입니다 :) 이번 포스팅에서는 시간의 흐름에 따른 데이터 누적값을 나타날 때 유용한 영역 차트와 이를 활용한 100% 누적 영역 차트에 대해 기록해보고자 합니다.

 

 

영역 차트

영역 차트는 시계열에 따른 누적 데이터가 어떻게 구성되고 있는지 보여 줄 때 효과적으로 활용할 수 있는 차트이다. 시간의 흐름에 따라 데이터 값의 변화를 확인할 수 있는데, 색상을 활용해 그 영역의 비율 또는 비중을 표현할 수 있다. 라인과 축 사이의 공간을 색상으로 채운 후 라인 차트를 기반으로 시각화해보자.

 

 

기본 세팅

이제, 기본적인 라인차트 그리는 방법에 대해 알아본다. 먼저, 태블로 시트 빈 화면을 가져온다. 데이터는 슈퍼스토어 - 샘플 파일의 [주문] 시트를 이용한다. 데이터는 Tableau가 실습할 때 사용하라고 설치해둔 엑셀 파일을 모아둔 [저장된 데이터 원본]에서 가져올 수 있으며, [Sample - Super Store]를 누르면 된다. 한국어 [슈퍼스토어 - 샘플] 누르면 한국 상황에 맞게 번역된 파일로 열린다. 

 

영역 차트 실습

제품 대분류별 시간의 흐름에 따른 매출을 영역 차트로 표현해보자.

먼저, 범주(대분류), 주문 날짜, 매출 필드를 ctrl로 복수 선택한 뒤 오른쪽 상단의 표현 방식에서 영역 차트를 선택하자.

 

색상 마크 카드가 지정된 [범주] 필드를 CTRL을 누른 상태로 레이블 마크 카드 위로 이동시켜준다. 또한, 열 선반 위에 존재하는 [분기(주문 날짜)]의 왼쪽 + 버튼을 눌러 분기로 변경해주자.(추가 설명) 날짜 형식의 데이터는 +를 클릭할 때마다 연속형 [월]/[주]/[일]/[년]/[분기] 단위로 바꿀 수 있다.

 

 

현재 뷰에 행 격자선을 제거하기 위해 다음과 같이 수행한다. 먼저, 워크시트 뷰의 빈 영역에서 오른쪽 마우스를 클릭하여 [서식]을 누른 뒤, 행 격자선을 없음으로 바꿔준다.

 

 

현재 뷰의 하단 X축 레이블 값들이 '2020 분기2'와 같이 알아보기 힘든 형태로 되어있다. 이를 '2020 2분기'의 형태로 바꿔주기 위해 다음을 실시한다. X축에서 오른쪽 마우스 - [서식]을 누른 뒤, 축의 배율 - [날짜]를 'yyyy q분기'라고 작성하면 된다. (추가로 X축 - [축 편집]에서 제목을 삭제하면 더 깔끔하다)

 

 

완성된 결과물은 다음과 같다.

 

 

100% 누적 영역 차트 실습

앞서 활용한 영역 차트에서 100% 누적 영역 차트를 확인해보자.

행 선반에 있는 합계(매출)의 추가 메뉴에서 퀵 테이블 계산 - 구성 비율, 다음을 사용하여 계산 - 테이블(아래로)를 설정하면 쉽게 변경할 수 있다.

 

 

완성된 결과물은 다음과 같다.