ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Tableau] 깔때기 차트(Funnel Chart) 시각화하기
    Data Visualization/Tableau(Advanced) 2020. 9. 20. 14:12

    Table of Contents

    1. Introduction

    2. Data

    3. Tableau에서 깔때기 차트 시각화하기

    4. Reference

     

    Introduction

     깔때기 차트(Funnel Chart)는 단계별로 지표가 변화하는 것을 한 눈에 표현하기 위한 목적으로 사용한다. 마케팅 또는 영업 분야에서 많이 활용할 수 있다. 특정 광고를 게시하였을 경우를 예로 들면 사이트에 접속하는 모든 대상자로부터 광고를 클릭해서 구매까지 이어지는 대상은 아주 극소수일 것이다. 이를 효과적으로 표현하기 위해서 <그림 1>과 같이 깔때기 차트 활용한다면 어느 단계에서 문제가 발생하는지 확인할 수 있다.

    <그림 1> Funnel Chart 구글 이미지 검색 결과

    Data

    다음 데이터를 다운로드하고 태블로 데스크탑 이나 퍼블릭에서 불러온다.

    promotion_data.xlsx
    0.01MB

    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에서 깔때기 차트 시각화하기

    <그림 2> 완성된 깔때기 차트 Version 1

     

    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
    END

    3-3. 'Step'과 'Process'를 하나로 합쳐주는 'stepProcess'를 만들어준다.

    계산된 'stepProcess' 함수
    STR([STEP])+"."+[Process]

     

    4. 측정값의 Count와 계산된 필드 Opposite를 열로 드래그하고, stepProcess를 행으로 드래그하면 막대 기반의 깔때기 차트가 완성된다. 마크 패널에서 표현 방식을 자동에서 라인으로 변경하면 선 모양의 깔때기 차트가 완성되며, 이를 영역으로 변경할 경우 깔때기 안이 채워진 형태의 깔때기 차트를 구성할 수 있다.

    <그림 3> 간단한 버전의 깔때기 차트를 작성한 결과

    5. 시트 빈 곳에서 오른쪽 버튼을 눌러 나오는 팝업에서 서식을 들어가 깔때기 차트가 표현하는데 방해될 만한 구분선 또는 배경 등을 제거한다.

    ※ 시트 구성에서 색상 또는 구분선 배경 등은 시트에서 판단하고 변경하는 것 보다 대시보드 구성 후 적절한 색상을 편집하는 것을 권장한다.

     

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

    <그림 4> 마크 패널의 표현 방식을 라인으로 선택하고 나머지 과정 수행 결과
    <그림 5> 마크 패널의 표현 방식을 영역으로 선택하고 나머지 과정 수행 결과
    <그림 6> 마크 패널의 표현 방식을 자동으로 선택하고 나머지 과정 수행 결과

     

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

    public.tableau.com/views/__15998344075370/Sketch

     

    Reference

    "Funnel Chart", en.wikipedia.org/wiki/Funnel_chart

     

     

    댓글

Designed by Tistory.