HAHS.
Back to Catalog

Pie Chart

chart

Also known as: circle chart, sector chart

Show composition CategoricalNumerical Arc/Radial

설명 / Description

파이 차트는 원을 부채꼴 조각으로 나누며, 각 조각의 중심각은 전체에서 그 카테고리가 차지하는 비율에 비례합니다. 원 전체는 데이터의 100%를 나타내므로 부분-전체 관계가 명시적이고 즉각적으로 직관적입니다. 독자는 조각들의 합이 전체가 되어야 한다는 것을 자연스럽게 이해하는데, 이는 다른 어떤 차트 유형도 이만큼 자연스럽게 전달하지 못하는 특성입니다.

A pie chart divides a circle into wedge-shaped slices, where each slice's central angle is proportional to the category's share of the total. The full circle represents 100% of the data, making the part-to-whole relationship explicit and immediately intuitive. Readers grasp that the slices must sum to the whole, which no other chart type communicates as naturally.

널리 쓰임에도 불구하고 파이 차트는 가장 논쟁적인 시각화 형식 중 하나입니다. 각도와 면적에 대한 인간의 지각은 정렬된 길이에 대한 지각보다 정밀하지 않아서, 비슷한 크기의 두 조각을 비교하는 것이 두 막대를 비교하는 것보다 어렵습니다. 연구에 따르면 파이 차트는 카테고리 수가 적을 때(2~5개), 한 카테고리가 명확히 우세할 때, 또는 조각 간 정밀한 비교보다 정확한 부분-전체 메시지가 더 중요할 때 효과적입니다.

Despite its ubiquity, the pie chart is one of the most debated visualization forms. Human perception of angles and areas is less precise than perception of aligned lengths, meaning that comparing two similarly sized slices is harder than comparing two bars. Research suggests that pie charts work well when there are few categories (2-5), when one category clearly dominates, or when the exact part-to-whole message is more important than precise inter-slice comparison.

파이 차트는 발표, 대시보드, 인포그래픽처럼 청중이 정확한 수치 비교보다 비율에 대한 빠른 정성적 감각을 필요로 하는 커뮤니케이션 중심 맥락에서 가장 잘 활용됩니다.

Pie charts are best used in communication-oriented contexts -- presentations, dashboards, infographics -- where the audience needs a quick qualitative sense of proportions rather than exact numerical comparisons.

Pie Chart — interactive example

프롬프트 예시 / Prompt Examples

다음 프롬프트를 Claude, ChatGPT, 또는 다른 AI 도구와 함께 사용해보세요:

Try these prompts with Claude, ChatGPT, or other AI tools:

"시장 점유율을 파이 차트로 표현해주세요. 가장 큰 항목부터 시계 방향으로 정렬해주세요."

"Create a donut chart showing browser market share. Highlight the top 3 browsers."

언제 사용하나 / When to Use

  • 카테고리가 2~5개일 때 부분이 전체를 어떻게 구성하는지 보여줄 때
  • Showing how parts make up a whole when there are 2-5 categories
  • 한 카테고리가 우세하다는 점을 강조할 때(예: 시장 점유율 1위)
  • Emphasizing that one category dominates (e.g., market share leader)
  • 일반 청중에게 단순한 비율을 전달할 때
  • Communicating simple proportions to a general audience
  • "전체의 부분들"이라는 프레이밍이 핵심 메시지일 때
  • When the "parts of a whole" framing is the primary message

이럴 땐 피하세요 / When NOT to Use

  • 카테고리 간 정밀한 값을 비교할 때 -- 막대 차트를 사용하세요
  • When comparing precise values across categories -- use a bar chart
  • 카테고리가 6~7개를 넘을 때 -- 작은 조각을 읽을 수 없게 됩니다; 누적 막대 차트나 표를 사용하세요
  • When there are more than 6-7 categories -- small slices become unreadable; use a stacked bar chart or table
  • 데이터의 합이 의미 있는 전체가 되지 않을 때 -- 파이 차트는 100% 구성을 암시합니다
  • When the data does not sum to a meaningful whole -- a pie chart implies 100% composition
  • 여러 그룹 간 비율을 비교할 때 -- 누적 막대 차트나 스몰 멀티플을 사용하세요
  • When comparing proportions across multiple groups -- use stacked bar charts or small multiples
  • 카테고리들의 값이 매우 비슷할 때 -- 각도 차이를 지각하기 어렵습니다
  • When categories have very similar values -- angle differences are hard to perceive

구조 / Anatomy

  • 조각(섹터): 중심각이 비율을 인코딩하는 부채꼴 영역. 가독성을 위해 크기순(가장 큰 것부터, 12시 방향에서 시계 방향)으로 정렬합니다.
  • Slices (sectors): Wedge-shaped areas whose central angle encodes proportion. Ordered by size (largest first, clockwise from 12 o'clock) for readability.
  • 레이블: 카테고리 이름과 백분율 값으로, 큰 조각 안에 배치하거나 작은 조각은 인출선으로 연결합니다.
  • Labels: Category names and percentage values, placed inside large slices or connected via leader lines for small ones.
  • 범례: 직접 레이블링의 대안이지만, 일반적으로는 직접 레이블이 선호됩니다.
  • Legend: An alternative to direct labeling, though direct labels are generally preferred.
  • 색상: 각 조각에 뚜렷한 색을 부여합니다. 충분한 대비를 가진 질적 팔레트를 사용하세요.
  • Colors: Each slice is given a distinct color. Use a qualitative palette with sufficient contrast.
  • 분리된 조각: 하나의 카테고리에 주목을 끌기 위해 중심에서 떼어내는 선택적 조각(신중하게 사용하세요).
  • Exploded slice: An optional pulled-out slice to draw attention to a single category (use sparingly).

변형 / Variations

  • 도넛 차트: 중심이 빈 파이 차트로, 종종 중앙에 요약 통계(예: 총합)를 배치하는 데 사용됩니다.
  • Donut chart: A pie chart with a hollow center, often used to place a summary statistic (e.g., total) in the middle.
  • 반원(하프 파이) 차트: 360도 대신 180도를 사용하며, 의회 의석 분포에 종종 쓰입니다.
  • Semi-circle (half-pie) chart: Uses 180 degrees instead of 360, sometimes used for parliamentary seat distributions.
  • 분리형 파이 차트: 강조를 위해 하나 이상의 조각을 중심에서 떼어냅니다.
  • Exploded pie chart: One or more slices pulled away from center for emphasis.
  • 중첩 파이 차트: 동심원으로 계층적 구성을 보여줍니다(선버스트 다이어그램과 유사).
  • Nested pie chart: Concentric rings showing hierarchical composition (similar to a sunburst).
  • 와플 차트: 채워진 셀로 비율을 인코딩하는 정사각형 그리드 대안으로, 각도보다 더 정밀한 지각을 제공합니다.
  • Waffle chart: A square grid alternative that encodes proportion with filled cells, offering more precise perception than angles.

코드 레퍼런스 / Code Reference

// Observable Plot - pie chart using D3's arc generator
const pie = d3.pie().value(d => d.value)(data);
const arc = d3.arc().innerRadius(0).outerRadius(120);

const svg = d3.create("svg").attr("viewBox", "-150 -150 300 300");
svg.selectAll("path")
  .data(pie)
  .join("path")
  .attr("d", arc)
  .attr("fill", (d, i) => d3.schemeTableau10[i])
  .append("title")
  .text(d => `${d.data.label}: ${d.data.value}`);