HAHS.
Back to Catalog

Cleveland Dot Plot

chart

Also known as: dot plot, point chart, Cleveland chart

CompareShow ranking CategoricalNumerical Point/Dot

설명 / Description

클리블랜드 점 도표는 윌리엄 클리블랜드(William Cleveland)가 그래픽 지각에 관한 1984년의 기념비적 논문에서 소개한 것으로, 막대 차트의 막대를 정량 축 위에 배치된 단순한 점으로 대체합니다. 각 점의 위치는 하나의 범주에 대한 값을 인코딩하며, 기준선이나 격자가 눈이 점에서 축으로 이동하는 것을 돕습니다. 그 결과는 채워진 사각형의 시각적 무게보다 데이터 값 자체에 주의를 끄는, 깔끔하고 데이터-잉크 비율이 높은 시각화입니다.

The Cleveland dot plot, introduced by William Cleveland in the 1984 landmark paper on graphical perception, replaces the bars of a bar chart with simple dots positioned along a quantitative axis. Each dot's position encodes the value for one category, and a reference line or grid helps the eye travel from the dot to the axis. The result is a clean, high data-ink ratio visualization that draws attention to the data values rather than to the visual weight of filled rectangles.

클리블랜드의 연구는 사람이 길이, 면적, 색상보다 공통 척도 위의 위치를 더 정확하게 판단한다는 것을 보여주었습니다. 막대 차트를 본질적인 위치 인코딩만 남도록 걷어냄으로써, 점 도표는 불필요한 잉크를 제거하면서도 지각적 정확도를 유지하고 -- 경우에 따라서는 오히려 향상시킵니다. 이 덕분에 많은 범주를 비교하거나 막대로는 구분하기 어려운 작은 값 차이를 보여줄 때 특히 효과적입니다.

Cleveland's research demonstrated that humans judge position along a common scale more accurately than length, area, or color. By stripping the bar chart down to its essential positional encoding, the dot plot eliminates unnecessary ink while preserving -- and in some cases improving -- perceptual accuracy. This makes it especially effective for comparing many categories or for showing small differences between values that might be hard to distinguish with bars.

점 도표는 두 그룹 변형에서 특히 강력한 힘을 발휘합니다. 각 행에 두 개의 점(선으로 연결됨)을 배치하여 전/후, 남성/여성, 2020년/2025년 같은 조건 간의 차이를 보여줍니다. 이 "덤벨" 레이아웃은 쌍대 비교를 즉각적이고 직관적으로 만들어줍니다.

Dot plots are particularly powerful in their two-group variant, where two dots per row (connected by a line) show the difference between conditions, such as before/after, male/female, or 2020/2025. This "dumbbell" layout makes pairwise comparison immediate and intuitive.

Cleveland Dot Plot — interactive example

언제 사용하나 / When to Use

  • 많은 범주(10~50개 이상)에 걸쳐 값을 비교할 때, 막대 차트는 무겁게 느껴질 수 있습니다
  • Comparing values across many categories (10-50+), where bar charts would feel heavy
  • 크기나 면적보다 정확한 위치를 강조할 때
  • Emphasizing precise position rather than magnitude or area
  • 깔끔하고 미니멀한 레이아웃으로 순위를 보여줄 때
  • Showing rankings in a clean, minimal layout
  • 덤벨 변형으로 짝을 이룬 비교(전/후, 두 그룹)를 표시할 때
  • Displaying paired comparisons (before/after, two groups) with the dumbbell variant
  • 막대 차트보다 더 높은 데이터-잉크 비율을 원할 때
  • When you want a higher data-ink ratio than a bar chart

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

  • 청중이 이 형식에 익숙하지 않고 막대 차트가 즉시 이해될 상황일 때
  • When audiences are unfamiliar with the form and a bar chart would be immediately understood
  • 전체 중 부분을 보여줄 때 -- 누적 막대 차트파이 차트를 사용하세요
  • For showing parts of a whole -- use a stacked bar chart or pie chart
  • 값들이 모두 매우 가까워 점의 위치가 겹칠 때 -- 지터링이나 다른 차트를 고려하세요
  • When values are all very close and the dot positions overlap -- consider jittering or a different chart
  • 시계열 데이터의 경우 -- 시간적 연속성을 보여주려면 선 그래프를 사용하세요
  • For time series data -- use a line graph to show temporal continuity

구조 / Anatomy

  • : 각 범주당 하나씩 있는 원형 마크로, 정량 축을 따라 배치되어 값을 인코딩합니다.
  • Dots: Circular marks, one per category, positioned along the quantitative axis to encode value.
  • 범주 축: 개별 범주를 나열하는 축으로, 레이블이 자연스럽게 읽히도록 보통 수직으로 배치됩니다.
  • Category axis: The axis listing discrete categories, typically vertical so labels read naturally.
  • 값 축: 숫자 척도를 가진 정량 축(일반적인 레이아웃에서는 수평).
  • Value axis: The quantitative axis (horizontal in the common layout) with a numeric scale.
  • 기준선(격자): 각 범주 레이블에서 뻗어나가는 옅은 수평 또는 수직선으로, 점을 값과 연결하는 데 도움을 줍니다.
  • Reference lines (grid): Faint horizontal or vertical lines extending from each category label to help connect dots to values.
  • 연결선(덤벨 변형): 짝을 이룬 비교를 위해 범주별 두 점을 이어주는 선.
  • Connector lines (dumbbell variant): Lines joining two dots per category for paired comparisons.
  • 레이블: 범주 축의 범주 이름. 각 점 옆에 붙는 데이터 레이블은 선택 사항입니다.
  • Labels: Category names on the category axis; optional data labels adjacent to each dot.

변형 / Variations

  • 덤벨 점 도표: 범주별 두 점을 선으로 연결하여 두 그룹이나 시기 간의 격차를 보여줍니다.
  • Dumbbell dot plot: Two dots per category connected by a line, showing the gap between two groups or time periods.
  • 다중 시리즈 점 도표: 범주별로 여러 색상의 점을 배치하여 그룹형 막대 차트를 대체합니다.
  • Multi-series dot plot: Multiple dots per category in different colors, replacing grouped bar charts.
  • 롤리팝 차트: 기준선에서 점까지 가는 선을 추가한 하이브리드 형태로, 막대 차트의 기준선 고정과 점 도표의 미니멀리즘을 결합합니다.
  • Lollipop chart: A hybrid adding a thin line from a baseline to the dot, combining bar chart baseline anchoring with dot plot minimalism.
  • 스트립 플롯: 범주 없이 정량 축을 따라 배치된 점들로, 작은 규모의 단변량 분포에 사용됩니다.
  • Strip plot: Dots along a quantitative axis without categories, used for small univariate distributions.
  • 윌킨슨 점 도표: 빈도 분포를 보여주기 위해 점을 쌓아 올린 형태로, 각 점이 하나의 관측값을 나타냅니다.
  • Wilkinson dot plot: Stacked dots for showing frequency distributions, where each dot represents one observation.

코드 레퍼런스 / Code Reference

// Observable Plot - Cleveland dot plot
Plot.plot({
  marks: [
    Plot.dotX(data, {
      x: "value",
      y: "category",
      fill: "#6366f1",
      r: 5,
      tip: true
    }),
    Plot.ruleX([0])
  ],
  y: { label: null },
  x: { label: "Value" },
  marginLeft: 120
})