[태블로 책 실습 영상]태블로 기본 차트 (4) - 도넛 차트

2025-03-23
조회수 39

태블로 기본 차트 네 번째는 도넛 차트에 대해서 살펴봅니다.

도넛 차트는 파이 차트 두 개를 합쳐서 만드는 차트입니다. 파이 차트와 동일하게 전체에서 각각의 값에 대한 비중을 살펴보는 차트로, 파이 차트보다 많이 활용이 되는 것은 두 번째 파이 차트 위에 전체 합계를 표현할 수 있고 추가적으로 요약 및 텍스트를 넣을 수 있기 때문입니다. 도넛 차트를 만들기 위해서 열 선반에 임시 계산을 통해 MIN(1)을 만들고 복제해서 MIN(1)과 MIN(1)(2)를 활용해 두 개의 파이 차트를 이중 축으로 만들어 도넛 차트로 구현하겠습니다.


** 여기서 살펴볼 태블로의 주요 기능

  • 열 선반에서 임시 계산
  • 파이 차트 만들기
  • 이중 축 활용
  • 차원을 추가해 도넛 차트 쪼개 보기


📌 1. 도넛 차트란?

  • 파이 차트의 중앙을 비워낸 시각화입니다.

  • **구성비율(Composition)**을 파악하는 용도는 파이 차트와 같지만,
    시각적으로 더 세련되고 중앙에 핵심 KPI를 넣을 수 있다는 장점이 있어요.


📌 2. 도넛 차트 구성 요소

차원(Dimension)도넛 조각의 기준 (예: 카테고리, 지역, 세그먼트 등)
측정값(Measure)조각 크기 (예: 매출, 수량, 이익 등)
색상(Color)조각을 구분
중앙 영역 (KPI)텍스트 시트 또는 계산필드를 이용해 중앙에 표시


📌 3. 도넛 차트 만드는 방법 (2단계 구성 방식)

도넛 차트는 "두 개의 원형 차트를 겹쳐서" 만드는 방식입니다.

🔸 Step 1: 파이 차트 만들기

  1. 마크(Marks) → "Pie" 선택

  2. 차원 → 색상(Color), 레이블(Label)

  3. 측정값 → 크기(Size), 레이블(Label)

🔸 Step 2: 이중 축(Dual Axis)으로 도넛 만들기

  1. 행 선반에 ‘Number of Records’ 또는 더미 필드 추가 (예: INDEX())

  2. 동일한 파이 차트를 복제하여 두 개의 파이 차트로 만듦

  3. Dual Axis(이중 축) 설정
    → 우클릭 → “Dual Axis(이중 축)” 선택

  4. **두 번째 파이 차트의 크기(Size)**를 줄여서 중심 구멍처럼 보이게 조절

  5. 두 축(Synchronize Axis) 동기화


🔔 두 번째 파이 차트는 색상 없음(투명) + 크기만 줄여서 가운데 구멍처럼 보이게 만드는 역할입니다.


📌 4. 중앙에 KPI 넣는 방법 (선택사항)

  • 텍스트 시트를 하나 따로 만들어서 KPI 수치를 크게 보여주고,

  • 대시보드에 도넛 차트와 텍스트 시트를 정확히 가운데 정렬해서 배치하면 됩니다.

예: “총 매출”, “선택된 항목 비율”, “Top 카테고리” 등 표시 가능


📌 5. 도넛 차트 활용 예시

카테고리 구성비 분석카테고리 → 색상, 매출 → 크기
핵심 KPI 강조도넛 차트 중앙에 KPI 표시
비교 시각화여러 도넛 차트를 작은 사이즈로 나열 (미니 KPI 시각화)


📌 6. 도넛 차트의 장점과 한계

항목내용

✅ 장점- 시각적으로 고급스러움
- KPI와 구성비 동시 표현
⚠ 한계- 항목이 많아지면 가독성 낮아짐
- 정확한 수치 비교는 막대 차트가 더 유리


📌 7. 도넛 차트 vs 파이 차트 비교

형태원형원형+중앙 구멍
사용 목적구성비율 표현구성비 + KPI 동시 표현
시각적 효과단순세련, 대시보드에 적합


다음 실습 동영상을 참고하시기 바랍니다.