Dot Plot
Uses positioned dots along a shared scale to compare values across categories with minimal ink — the most stripped-down comparison chart you can build.
// 01 — The chart
What it looks like
A dot plot comparing satisfaction scores by department. Each dot’s horizontal position encodes the value.
// 02 — Definition
What is a dot plot?
A dot plot places a single dot for each category along a shared numerical scale. There are no bars, no stems, no fill — just a positioned dot. This makes it the most minimal comparison chart available, maximizing the data-ink ratio championed by William S. Cleveland and Edward Tufte.
The dot’s position on the scale carries all the information. Because the eye is comparing positions rather than lengths, dot plots can sometimes be more accurate than bar charts for value comparison, especially when values don’t start at zero (which is acceptable for dot plots but not for bar charts).
Dot plots work exceptionally well when sorted by value. The resulting curve of dots makes patterns, clusters, and outliers immediately visible.
// 03 — Anatomy
Parts of a dot plot
// 04 — Usage
When to use it — and when not to
- You want maximum data-ink ratio with minimal visual noise
- Values don’t start at zero and a non-zero axis is acceptable
- Comparing many categories (10–40+) in a compact vertical space
- Sorted rankings where the curve of dots reveals the distribution shape
- The audience expects filled bars and may not understand positioned dots
- You need to emphasize magnitude — bar length is more intuitive for that
- Values are very close together and dots would overlap
- You need part-to-whole or time-series relationships
// 05 — Reading guide
How to read a dot plot
Read the scale axis
Understand what the numbers mean (percentages, dollars, counts) before looking at dot positions.
Scan the overall pattern
Are dots clustered tightly, or spread out? Tight clusters mean similar values; wide spread means large variation.
Find outliers
Look for dots that are noticeably separated from the main group — these are the most interesting data points.
Compare specific categories
Follow a horizontal row to its dot, then read down to the axis for the exact value.
// 06 — Pitfalls
Common mistakes
Dots too small to see
Make dots at least 4–6px radius. Tiny dots defeat the purpose of the chart.
No gridlines or reference lines
Without faint horizontal or vertical guides, it's hard to read exact values from dot positions.
Random category order
Always sort by value unless there's a natural category order. Unsorted dots hide patterns.
Overcrowding without spacing
When categories are dense, add adequate vertical spacing between rows so dots don't merge visually.
// 07 — Examples
Real-world examples
Country-level press freedom scores ranked from best to worst
Average test scores across 50 schools on a single scale
NPS scores by product line, sorted to show best and worst performers
// 08 — Quick reference
Key facts
| Also known as | Cleveland dot plot, dot chart |
| Primary use | Comparing values across categories with minimal ink |
| Data types | One categorical + one quantitative variable |
| Zero baseline | Not required (unlike bar charts) |
| Best category count | 5–40+ |
| Popularized by | William S. Cleveland, 1984 |
// 09 — Data format
What your data should look like
| Column | Type | Description |
|---|---|---|
| Category | String | Label for each row (e.g., department, country) |
| Value | Number | Position along the scale that the dot represents |
Support, 94
Engineering, 88
Design, 85
Finance, 68
// 10 — Construction
How to build a dot plot
Sort your categories
Order by value (descending is most common) to create a meaningful visual slope.
Set the value scale
Unlike bar charts, the axis does not need to start at zero. Choose a range that shows the data clearly.
Draw faint reference lines
Add horizontal guide lines for each category row so readers can track from label to dot.
Place the dots
For each category, position a single dot along the value axis at the correct position.
Label clearly
Place category labels to the left and optionally add value labels next to each dot.
// 11 — Accessibility
Accessibility notes
Include a data table
Positioned dots are impossible for screen readers to interpret. Provide an accessible table with the same data.
Ensure dot size meets touch targets
Make dots at least 24×24 CSS pixels for touch accessibility on mobile, or use a larger clickable area.
Use ARIA labels
Each dot should describe its category and value, e.g., "Support: 94% satisfaction."
Use more than colour for highlighting
If a dot is highlighted by colour, also change its size, add a border, or include a text label.
// 12 — Variations
Variations
Multi-series dot plot
Multiple dots per row (different colors) for comparing sub-groups
Connected dot plot
Lines connecting dots across categories — similar to a slope chart
Dot strip plot
Individual data points shown along a single axis for distribution
Lollipop chart
Dots with connecting stems to the baseline
// 10 — FAQs
Frequently asked questions
What is a dot plot?+
A dot plot places a single dot for each category along a shared numerical scale. There are no bars, no stems, no fill — just a positioned dot. This makes it the most minimal comparison chart available, maximizing the data-ink ratio championed by William S. Cleveland and Edward Tufte.
When should you use a dot plot?+
Use a dot plot when you want maximum data-ink ratio with minimal visual noise. It also works well when values don’t start at zero and a non-zero axis is acceptable, and when comparing many categories (10–40+) in a compact vertical space.
When should you avoid a dot plot?+
Avoid a dot plot when the audience expects filled bars and may not understand positioned dots. It is also a poor fit when you need to emphasize magnitude — bar length is more intuitive for that, or when values are very close together and dots would overlap.
How is a dot plot different from a lollipop chart?+
Both a dot plot and a lollipop chart can look similar at first glance, but they answer different questions. Reach for a dot plot when the comparisons and patterns it was designed to reveal match what you need to communicate, and choose a lollipop chart when its particular strengths better fit your data and audience.
Are dot plots accessible to screen readers?+
Yes — a dot plot can be made accessible to screen readers by pairing it with a clear text summary of the key insight, ensuring color choices meet WCAG contrast guidelines, adding descriptive alt text or aria-label to the SVG, and offering the underlying data as an HTML table fallback for assistive technologies.
Is a dot plot suitable for dashboards?+
Yes — a dot plot can work well in dashboards as long as the panel is large enough for readers to perceive the encoded values, has a clear title, and includes the legend or axis labels needed to interpret it.