Skip to Content

Bubble Chart

When to Use

Bubble chart에서는 x축에 걸친 데이터의 크기를 확인할 수 있습니다. 데이터는 점으로 표현되며, 점의 크기는 데이터 크기 또는 데이터 밀집도를 나타냅니다.

Anatomy

Bubble chart anatomy
  1. Title
  2. Legend (optional)
  3. Plot area
  4. Axis title (optional)
  5. X-axis
  6. Dot
  7. Grid line (optional)

Content

Structure

Bubble chart는 시리즈 별 데이터의 크기를 다른 크기의 점으로 표현하여 데이터의 분포를 한눈에 보여줍니다. x축은 시간 또는 연속형 값을 표시하며, y축은 사용하지 않습니다.

Data Display

동일한 데이터 시리즈는 하나의 그리드 라인에 표현하며, 여러 데이터 시리즈를 표시할 때는 라인을 분리하여 표현합니다.

Bubble multi-series layout

각 레전드의 색상 대비를 충분히 확보하여 정보 인지 혼동을 최소화 합니다.

DoRecommended

레전드는 명확한 대비를 가진 색상으로 표현합니다.

Don'tRecommended

동일하거나 유사한 색상 계열을 레전드에 사용하는 것을 지양합니다.

Don'tRecommended

차트 본문과 불일치하는 색상을 legend에 표시하지 않습니다.

Interaction

Data Tooltip

사용자가 표현된 점 데이터 위에 커서를 올렸을 때, 차트의 시각적 요약을 보완하여 정확한 수치 정보를 제공하는 데이터 툴팁을 노출할 수 있습니다. 데이터 툴팁은 차트의 세부 데이터를 확인할 수 있게 하는 보조 정보 계층입니다.

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

Bubble chart data tooltip