Skip to Content
PatternsData VisualizationCompositionPie Chart

Pie Chart

When to Use

Pie chart에서는 백분율을 기준으로 전체 또는 개별 데이터 값을 비교할 수 있습니다. 데이터는 호(arc) 기반의 세그먼트로 표현되며, 측정 값에 따라 면적 값이 유동적으로 표현됩니다.

Anatomy

Pie chart anatomy
  1. Title
  2. Legend (optional)
  3. Segment area
  4. Segment

Content

Structure

호(arc) 기반의 세그먼트는 pie chart의 데이터를 구성하는 단위입니다. 여러 세그먼트를 구성해 데이터 간의 차이를 시각화할 수 있습니다.

Pie chart segment structure

Data Display

측정된 데이터가 없는 경우, 빈 화면을 구성할 수 있습니다.

Pie chart empty state

Pie chart 세그먼트는 최대 6개 이내의 구성을 권장합니다.

DoRecommended

최대 6개의 세그먼트를 구성할 수 있습니다.

Don'tRecommended

7개 이상의 세그먼트를 사용하지 않습니다.

중앙 상단을 기준으로 시계 방향으로 세그먼트를 구성해야 합니다. 각 데이터는 내림차순 정렬을 적용합니다.

DoRecommended

중앙 상단을 기준으로 시계 방향으로 데이터를 구성합니다.

Don'tRecommended

중앙 상단이 어긋나는 형태 및 내림차순 정렬이 적용되지 않은 형태로 데이터를 구성하지 않습니다.

Interaction

Data Tooltip

표현된 세그먼트 위에 커서를 올렸을 때, 정확한 수치 정보를 제공하는 데이터 툴팁을 노출할 수 있습니다. 데이터 툴팁은 차트의 세부 데이터를 확인할 수 있게 하는 보조 정보 계층입니다.

커서가 데이터 위에 올라가면 커서 주위에 legend와 값을 나타내는 툴팁을 표시합니다.

Pie chart data tooltip