구성비·계층 차트
각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.
파이 차트 Pie Chart
전체에 대한 구성비를 원의 부채꼴 각도로 나타냅니다.
구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.
부채꼴이 중심까지 채워지며 중앙이 빈 도넛 차트와 구분됩니다.
도넛 차트 Donut Chart
파이의 중앙을 비워 전체의 구성비를 고리로 나타냅니다.
구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.
여러 구성 항목을 표현합니다. 단일 작업 진행률인 진행 링과 다릅니다.
트리맵 Treemap
계층 구조의 값을 중첩된 사각형의 면적으로 표현합니다.
구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.
작은 사각형의 레이블 가독성과 면적 비교 한계를 고려하세요.
와플 차트 Waffle Chart
같은 크기의 격자 셀을 채워 전체 대비 비율을 보여줍니다.
구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.
100칸이라면 한 칸이 1%입니다. 반올림 규칙을 정하세요.
선버스트 차트 Sunburst Chart
계층의 깊이를 동심 고리로, 구성비를 각도로 표시합니다.
구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.
같은 계층 안의 비율과 부모·자식 관계를 함께 보여줍니다.
아이시클 차트 Icicle Chart
계층 깊이에 따라 사각형 띠를 층층이 쌓습니다.
구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.
선버스트의 직교 좌표 대안으로 부모 폭 안에 자식이 들어갑니다.
원 패킹 Circle Packing
계층의 포함 관계를 중첩된 원으로 표현합니다.
구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.
빈 공간이 있어 면적의 전체 합을 파이처럼 해석하면 안 됩니다.
Composition & hierarchy
Open an entry for its visual reference, comparisons and source-language text.
Pie Chart 파이 차트
Shows parts of a whole through sector angles.
Use when designing composition & hierarchy and selecting analytical visualizations.
Sectors extend to the center, unlike a donut chart.
Donut Chart 도넛 차트
Shows composition as sectors around a hollow center.
Use when designing composition & hierarchy and selecting analytical visualizations.
Represents multiple parts of a whole, not progress of a single task.
Treemap 트리맵
Encodes hierarchical values as nested rectangle areas.
Use when designing composition & hierarchy and selecting analytical visualizations.
Consider label legibility and the limitations of area comparison.
Waffle Chart 와플 차트
Fills equal-sized grid cells to show proportions.
Use when designing composition & hierarchy and selecting analytical visualizations.
With 100 cells, each cell is 1%; document rounding.
Sunburst Chart 선버스트 차트
Encodes hierarchy depth as concentric rings and composition as angles.
Use when designing composition & hierarchy and selecting analytical visualizations.
Shows proportions within a level and parent–child relationships.
Icicle Chart 아이시클 차트
Stacks rectangular layers to show hierarchical depth.
Use when designing composition & hierarchy and selecting analytical visualizations.
A Cartesian alternative to a sunburst, with children inside parent widths.
Circle Packing 원 패킹
Uses nested circles to show containment in a hierarchy.
Use when designing composition & hierarchy and selecting analytical visualizations.
Gaps mean the layout is not a space-filling pie-like partition.