태블로 기본 차트인 트리맵에 대해서 살펴봅니다.

트리맵 차트는 차원의 각 개별 구성 요소들을 사각형으로 나누고, 각 개별 구성 요소들의 측정값을 기준으로 사각형의 크기를 지정할 수 있습니다.
색상은 차원 기준으로 볼 수도 있고 측정값 기준으로도 살펴볼 수 있습니다. 따라서 어떤 항목들이 값이 큰지를 사각형의 크기로 직관적으로 알 수 있고, 보조적으로 색상으로 구분해서 살펴볼 수도 있습니다.
** 여기서 살펴볼 태블로의 주요 기능
📌 1. 트리맵(Tree Map)이란?
카테고리별 데이터의 구성비율을 사각형 박스의 크기로 표현하는 시각화입니다.
큰 값일수록 넓은 면적, 작은 값일수록 좁은 면적으로 나타납니다.
막대 차트처럼 절대값 비교도 가능하지만, 더 많은 항목을 한 화면에 압축적으로 표현하는 데 특화되어 있습니다. (음수의 수치를 비교하는데 적합하지 않음)
📌 2. 트리맵 구성 요소
|
차원(Dimension) | 박스를 구분하는 기준 (예: 카테고리, 지역 등) |
측정값(Measure) | 박스의 크기(면적) 결정 (예: 매출, 수익 등) |
색상(Color) | 또 다른 측정값이나 그룹별 구분 (예: 이익률) |
레이블(Label) | 카테고리명, 수치, 비율 등 표시 가능 |
📌 3. 트리맵 만드는 방법
예: 카테고리별 매출 트리맵
차원(카테고리) → 마크 카드의 ‘레이블’ 또는 ‘세부 정보’
측정값(매출) → 마크 카드의 ‘크기’
마크 유형(Marks Type)을 "Treemap"으로 자동 인식하거나 직접 선택
색상(Color)에 추가 측정값 넣기 (예: Profit → 이익률 색상 구분)
✅ TIP: 색상(Color)과 크기(Size)를 서로 다른 측정값으로 설정하면 이중 인사이트를 전달할 수 있습니다!
📌 4. 트리맵 활용 예시
|
구성비 시각화 | 전체 대비 카테고리별 비중 확인 |
이중 분석 | 면적은 매출, 색상은 이익률 → 수익성까지 시각화 |
계층 분석 | 서브 카테고리까지 분석 가능 (계층 트리맵) |
Top 항목 강조 | 크기 기준 정렬 후 Top N 강조 |
📌 5. 트리맵의 시각화 속성 팁
|
색상(Color) | 성과 구간 구분, 이익/손실 구분 |
레이블(Label) | 카테고리명 + 수치 + 비율 표시 (가독성 주의) |
도구 설명(Tooltip) | 마우스 오버 시 상세 정보 표시 |
정렬 | 크기 기준 자동 정렬됨 (큰 항목이 좌측 상단) |
📌 6. 트리맵의 장점과 한계
|
✅ 시각효과 | 공간 효율성 최고, 한눈에 구성비 전달 | 항목이 너무 많으면 구분 어려움 |
✅ 이중 인사이트 | 크기+색상으로 다차원 정보 표현 | 정확한 수치 비교는 어려움 |
✅ 계층 분석 | 차원 2개로 서브 박스 분할 가능 | 너무 많으면 복잡해짐 |
다음 실습 동영상을 참고하시기 바랍니다.
태블로 기본 차트인 트리맵에 대해서 살펴봅니다.
트리맵 차트는 차원의 각 개별 구성 요소들을 사각형으로 나누고, 각 개별 구성 요소들의 측정값을 기준으로 사각형의 크기를 지정할 수 있습니다.
색상은 차원 기준으로 볼 수도 있고 측정값 기준으로도 살펴볼 수 있습니다. 따라서 어떤 항목들이 값이 큰지를 사각형의 크기로 직관적으로 알 수 있고, 보조적으로 색상으로 구분해서 살펴볼 수도 있습니다.
** 여기서 살펴볼 태블로의 주요 기능
📌 1. 트리맵(Tree Map)이란?
카테고리별 데이터의 구성비율을 사각형 박스의 크기로 표현하는 시각화입니다.
큰 값일수록 넓은 면적, 작은 값일수록 좁은 면적으로 나타납니다.
막대 차트처럼 절대값 비교도 가능하지만, 더 많은 항목을 한 화면에 압축적으로 표현하는 데 특화되어 있습니다. (음수의 수치를 비교하는데 적합하지 않음)
📌 2. 트리맵 구성 요소
📌 3. 트리맵 만드는 방법
예: 카테고리별 매출 트리맵
차원(카테고리) → 마크 카드의 ‘레이블’ 또는 ‘세부 정보’
측정값(매출) → 마크 카드의 ‘크기’
마크 유형(Marks Type)을 "Treemap"으로 자동 인식하거나 직접 선택
색상(Color)에 추가 측정값 넣기 (예: Profit → 이익률 색상 구분)
✅ TIP: 색상(Color)과 크기(Size)를 서로 다른 측정값으로 설정하면 이중 인사이트를 전달할 수 있습니다!
📌 4. 트리맵 활용 예시
📌 5. 트리맵의 시각화 속성 팁
📌 6. 트리맵의 장점과 한계
다음 실습 동영상을 참고하시기 바랍니다.