[Tableau] 게이지 차트 - 각 지역의 제품 수익률 비교

게이지 차트란?

게이지 차트는 속도계나 계기판과 같은 형태로 특정 값을 시각적으로 나타내는 데 사용되는 차트이다.

주로 KPI(핵심 성과 지표)를 시각화하거나, 목표 대비 성과를 한눈에 파악할 수 있게 하는 데 유용하다.

 -> 기본적으로 제공하는 형태의 차트가 아니기 때문에 몇 가지 수식을 새로 기입하여 생성한다.

= 위와 같이 각 지역의 수익률을 비교하여 확인할 수 있는 게이지 차트다. 

 

실습

1. 게이지를 표현해주는 원 삽입

- 게이지를 나타내 줄 원을 파이 차트를 이용해서 생성한다.

- 집계(Min(0))(2) 의 크기를 더 작게 조정하여 게이지 형태를 생성한다.

• 게이지를 표현하기 위해서는 내부의 빈 공간을 표현하는 원과 게이지가 표시될 외부 원 두 개가 필요하기 때문에 두 개를 생성했다.
• 이중축으로 설정하여 두 원을 한 곳에서 합쳐서 사용한다.

 

2. 게이지 차트 구현을 위한 계산된 필드 생성하기

- 수익률 변수를 먼저 생성해준다.

수익률

sum(수익)/sum([매출])

- Top Right에 표현될 수익률 세그1 

수익률 세그1 (Top Right)

IF [수익률]>0.5
THEN [수익률]-0.5
ELSE 0
END

• 오른쪽에 위치하도록 0.5 이상의 값
• 실제 수익률을 나타낼 값으로 빨간색

- Bottom Right에 표현될 수익률 세그2 

수익률 세그2 (Bottom Right)

IF [수익률]>0.5
THEN 1-[수익률]
ELSE 0.5
END

• 오른쪽에 위치하도록 0.5 이상 중 세그1 보다 아래쪽 위치
• 수익률의 값이 아니기 때문에 회색으로 표시

- 반원을 구성하게 될 세그3

수익률 세그3 (Half)

AVG(1)

• 숫자 1의 평균값인 0.5로 출력되어 반원을 구성하도록 함
• 아래쪽 반원이기에 흰색으로 설정

- Bottom Left를 구성하게 될 세그4

수익률 세그4 (Bottom Left)

IF [수익률]<0.5
THEN [수익률]
ELSE 0.5
END

• 왼쪽에 위치하도록 0.5 미만의 값

• 실제 수익률을 나타낼 값으로 빨간색

- Bottom Left를 구성하게 될 세그5

수익률 세그5 (Top Left)

IF [수익률]<0.5
THEN 0.5-[수익률]
ELSE 0
END

• 왼쪽에 위치하도록 0.5 미만의 값 중 세그 4보다 위쪽에 위치하도록 수식 구성

• 수익률의 값이 아니기 때문에 회색으로 표시

 

3. 5개의 세그 표시와 각 세그별로 구분을 위한 색상 추가

- 측정값을 필터로 설정하여 5개의 세그를 삽입한 후 측정값을 "색상" 기능에 삽입한다.

- 색상 설정에서 각 세그에 맞는 색상으로 변경해준 후 측정값을 "각도"에 설정해준다.

• 깔끔한 시각화를 위하여 "머리글 표시"를 해제해준다.

 

4. 게이지에서 지역명을 넣을 수 있도록 조금 더 작은 원을 만든다.

- Center라는 필드를 생성하여 저 작은 형태의 원인 "집계(Min(0))(2)"에 삽입해준다.

 

5. 수익률을 표시해 줄 바늘 필드 생성

- 수익률의 게이지에 맞춰서 표시될 바늘 필드를 만든다.

- 왼쪽과 오른쪽은 다른 바늘을 삽입해야 하므로 수익률 계산식에 맞춰서 바늘 1, 바늘 2를 생성한다.

 수익률 바늘1 (Left)

IF [수익률]<= 0.5 THEN 0.015 END

• 만약, 수익률이 0.5 이하 (Left) 라면 0.015 크기의 선을 표시하는 필드 생성

 

수익률 바늘2 (Right)

IF [수익률]> 0.5 THEN 0.015 END

• 만약, 수익률이 0.5 초과(Right)라면 0.015 크기의 선을 표시하는 필드 생성

 

6. 측정값의 구성에서 바늘 2와 바늘 1의 위치 삽입

- 바늘 1은 왼쪽에 표현되는 값이고 바늘 2는 오른쪽에 표현되는 값이다.

- 세그1과 세그2가 오른쪽, 세그4와 세그5가 왼쪽이기 때문에 세그1, 2 사이에는 바늘 2 / 세그 4, 5 사이에는 바늘 1이 들어가야 한다.

• 바늘은 검정색으로 표시되어야 하기 때문에 색상을 블랙으로 변경해준다.

- 바늘이 원의 중심부 부터 보이도록 해야 하므로 Min(0)(2)에서 바늘의 색이 보이도록 설정해준다.

 

7. 각 지역별로 표시되도록 설정

- 지역별 게이지 차트가 필요하기 때문에 지역을 '열' 선반에 추가해준다.

- 각 게이지에 지역명과 수익률 레이블이 나타나도록 설정한다.

• 가운데 정렬로 맞춤 설정 해준다.

 

8. 시각화가 용이하도록 선을 삭제한다.

- 머리글 표시 해제

- 열 선 없음 설정

- 수익률 백분율로 나타내기

---

위와 같은 방식으로 분류가 다른 차트의 값을 게이지 형식으로 비교할 수 있다.

 

▽ 태블로 퍼블릭으로 확인하기

게이지 차트

 

 

▼ 출처

조준희, 명완식. (2022). 바로 시작하는 태블로.