-
[Tableau] 깔때기 차트(Funnel Chart) 시각화하기Data Visualization/Tableau(Advanced) 2020. 9. 20. 14:12반응형
Table of Contents
-
Introduction
-
Data
-
Tableau에서 깔때기 차트 시각화하기
-
Reference
Introduction
깔때기 차트(Funnel Chart)는 단계별로 지표가 변화하는 것을 한 눈에 표현하기 위한 목적으로 사용한다. 마케팅 또는 영업 분야에서 많이 활용할 수 있다. 특정 광고를 게시하였을 경우를 예로 들면 사이트에 접속하는 모든 대상자로부터 광고를 클릭해서 구매까지 이어지는 대상은 아주 극소수일 것이다. 이를 효과적으로 표현하기 위해서 <그림 1>과 같이 깔때기 차트 활용한다면 어느 단계에서 문제가 발생하는지 확인할 수 있다.
Data
다음 데이터를 다운로드하고 태블로 데스크탑 이나 퍼블릭에서 불러온다.
date promotionId process sex count 2020-08-31 Pro_01 가입 남성 19559 2020-08-31 Pro_01 노출 남성 13105 2020-08-31 Pro_01 클릭 남성 3932 2020-08-31 Pro_01 구매 남성 393 2020-08-31 Pro_01 가입 여성 23471 2020-08-31 Pro_01 노출 여성 15256 2020-08-31 Pro_01 클릭 여성 4882 2020-08-31 Pro_01 구매 여성 732 Tableau에서 깔때기 차트 시각화하기
1. 태블로에서 깔때기 차트는 다양한 방법으로 표현할 수 있다. 우리는 가장 쉽게 깔때기 차트를 시각화하기 위해서 총 4가지 형태의 차트를 보여줄 것이다. 먼저, 태블로에 샘플 데이터를 연동하기 위해서 위의 실습용 샘플 데이터를 다운로드 한다.
2. 태블로에서 엑셀 파일을 연동한다.
※ 태블로 주요 기능(https://jaydata.tistory.com/46)을 참고한다.
3-1. 벤 다이어그램은 태블로에서 제공하는 시각화가 아니기 때문에 깔때기 모양을 표현하기 위해서 대칭이 되도록 표현해야한다. 대칭된 그래프를 표현하기 위해서는 측정값에 음수를 활용하거나 '축 편집 > 눈금 > 반전' 을 활용하여 사용할 수 있다.
계산된 'Opposite' 함수 -[Count] 3-2. 본 데이터에서의 광고 효과를 측정하는 단계는 '가입 > 노출 > 클릭 > 구매' 순으로 흘러간다. 이러한 순서를 강제로 조절할 수 있으나, 흐트러지지 않도록 함수로 정의하여 정렬하는 것이 시스템 자동화를 위해서 도움이 된다. 이를 위해 프로세스 단계별로 순서를 나타내는 'Step'을 만들어준다.
계산된 'Step' 함수 IF [Process]='가입'
THEN 1
ELSEIF [Process]='노출'
THEN 2
ELSEIF [Process]='클릭'
THEN 3
ELSE 4
END3-3. 'Step'과 'Process'를 하나로 합쳐주는 'stepProcess'를 만들어준다.
계산된 'stepProcess' 함수 STR([STEP])+"."+[Process] 4. 측정값의 Count와 계산된 필드 Opposite를 열로 드래그하고, stepProcess를 행으로 드래그하면 막대 기반의 깔때기 차트가 완성된다. 마크 패널에서 표현 방식을 자동에서 라인으로 변경하면 선 모양의 깔때기 차트가 완성되며, 이를 영역으로 변경할 경우 깔때기 안이 채워진 형태의 깔때기 차트를 구성할 수 있다.
5. 시트 빈 곳에서 오른쪽 버튼을 눌러 나오는 팝업에서 서식을 들어가 깔때기 차트가 표현하는데 방해될 만한 구분선 또는 배경 등을 제거한다.
※ 시트 구성에서 색상 또는 구분선 배경 등은 시트에서 판단하고 변경하는 것 보다 대시보드 구성 후 적절한 색상을 편집하는 것을 권장한다.
6. 상단의 맞춤을 '표준'에서 '전체 보기'로 선택한다.
시각화 한 결과는 태블로 퍼블릭에서 참고할수 있다.
public.tableau.com/views/__15998344075370/Sketch
Reference
"Funnel Chart", en.wikipedia.org/wiki/Funnel_chart
반응형'Data Visualization > Tableau(Advanced)' 카테고리의 다른 글
[Tableau] 게이지 차트(Gauge Chart) 시각화하기 (2) 2020.10.04 [Tableau] 레이더 차트(Radar Chart) 시각화하기 (16) 2020.09.27 [Tableau] 벤 다이어그램(Venn Diagram) 시각화하기 (6) 2020.09.12 [Tableau] 달력(Calendar) 시각화하기 (0) 2020.09.10 [Tableau] 덤벨 차트(Dumbbell Chart) 시각화하기 (0) 2020.09.07 -