[Tableau] 불릿 그래프(Bullet Chart) 시각화하기

Table of Contents

1. Introduction

2. Data

3. Tableau에서 불릿 그래프 시각화하기

4. Reference

 

Introduction

 불릿 그래프(Bullet Chart, 총알 차트)는 실적 데이터를 표현하기 위한 최적의 시각화로 막대 그래프와 유사하게 생겼으나, 타겟 대비 현재 얼마나 목표에 달성했는지 보여주기 위한 목적으로 사용한다. 불릿 그래프와 유사하게 실적 데이터를 표현하는 방식에는 게이지 차트(Gauge chart)가 존재한다. 불릿 그래프는 게이지 차트에 비해 화면을 경제적으로 사용할 수 있다는 면에서 장점을 가질 수 있다. 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. 현재 데이터에는 연간 방문하는 방문객의 타겟 데이터가 없기 때문에 임의로 연간 8천명이 방문할 것이라고 가정을 하고 타겟 데이터를 태블로에서 계산식으로 만들어준다.

※ 타겟이 연마다 변경 된다면, 데이터 연도별 타겟 방문객 수를 넣어주어야 한다.

계산된 'Target' 함수

{ FIXED DATETRUNC("year", [Date]) : AVG(8000)}

 

4. 데이터 패널이 있는Target과 visit 측정값을 행으로 드래그하면 막대 그래프가 완성된다. 여기에서 표현 방식을 클릭하면 불릿 그래프를 선택하고 마크 패널에서는 자동을 막대로 변경해주면 불릿 그래프를 완성 할 수 있다.

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

<그림 3> 열과 마크 패널로 드래그하여 총알 차트를 작성한 결과

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

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

 

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

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

 

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

public.tableau.com/views/__15987748640000/Sketch

 

Reference

Severino Ribecca, "Bullet Chart", https://datavizcatalogue.com/methods/bullet_graph.html

Stephen Few, "Bullet Graph Design Specification", https://www.perceptualedge.com/articles/misc/Bullet_Graph_Design_Spec.pdf