Quadrant Chart
A scatter plot split into four zones by two threshold lines — used to classify items into strategic categories like the BCG matrix or Eisenhower’s urgency grid.
// 01 — The chart
What it looks like
A quadrant chart classifying features by impact (vertical) and effort (horizontal). The top-left “Quick wins” quadrant highlights the best opportunities.
// 02 — Definition
What is a quadrant chart?
A quadrant chart is a scatter plot with two perpendicular threshold lines that divide the plane into four quadrants. Each item is plotted by its X and Y values, and its quadrant placement classifies it into a strategic category.
The most famous examples are the BCG Growth-Share Matrix (market growth vs relative market share), the Eisenhower Matrix (urgency vs importance), and feature prioritization grids (impact vs effort). In each case, the four quadrants map to distinct strategies: invest, maintain, deprioritize, or eliminate.
Unlike a plain scatter plot that shows relationships, a quadrant chart is prescriptive — it tells you what to do with each data point based on where it falls.
Key insight: The threshold lines are the most important element. They define the classification. Where you place them changes which quadrant items fall into, so choosing meaningful thresholds is critical.
// 03 — Anatomy
Parts of a quadrant chart
// 04 — Usage
When to use it — and when not to
- You want to classify items into four strategic categories
- There are two meaningful dimensions to evaluate against
- The audience needs actionable insights, not just correlations
- Prioritization frameworks like BCG, Eisenhower, or impact/effort are relevant
- You have 5–30 items to plot — enough to populate each quadrant
- The threshold lines are arbitrary — misplaced thresholds lead to wrong classifications
- You only need one dimension — a bar chart is simpler
- There are too many data points (>50) — labels overlap and quadrants become cluttered
- You're exploring correlation, not classifying — use a plain scatter plot
- The two axes are not truly independent — redundant dimensions waste the format
// 05 — Reading guide
How to read a quadrant chart
Read the axis labels
Understand what the X and Y axes measure. These are the two dimensions for classification.
Note the threshold lines
The dashed lines define where high/low boundaries fall. Items above the horizontal line are 'high' on the Y dimension.
Read the quadrant labels
Each of the four zones has a name or strategy. Understand what each zone means before looking at individual points.
Identify where items cluster
Are most items in one quadrant? That tells a story about overall performance or strategy.
Note borderline items
Points near the threshold lines are on the boundary between categories — they may need re-evaluation.
// 06 — Data format
What your data should look like
| Column | Type | Description |
|---|---|---|
| Label | String | Name of each item (e.g., feature, product) |
| X_value | Number | Score on the horizontal dimension (e.g., effort) |
| Y_value | Number | Score on the vertical dimension (e.g., impact) |
| X_threshold | Number (config) | Where the vertical dividing line falls |
| Y_threshold | Number (config) | Where the horizontal dividing line falls |
Dark mode, 2, 8
SSO login, 7, 9
PDF export, 3, 4
Custom theme, 8, 3
// 07 — Construction
How to build a quadrant chart
Define your two dimensions
Choose two independent, meaningful metrics. Label the X and Y axes.
Set threshold values
Determine where the dividing lines fall — medians, averages, or strategic cutoffs. These define your four quadrants.
Plot each item
Place a dot for each item at its (X, Y) coordinates.
Label the quadrants
Give each of the four zones a descriptive name (e.g., Quick Wins, Major Projects, Low Priority, Thankless Tasks).
Add annotations
Label dots directly or on hover. Use colour or size to add a third variable if needed.
// 08 — Pitfalls
Common mistakes
Arbitrary threshold placement
If thresholds don't reflect meaningful boundaries (industry benchmarks, medians, goals), the classifications are meaningless.
Correlated axes
If both axes measure essentially the same thing, most points cluster along a diagonal and the quadrants are wasted.
Overcrowding
With too many points, labels overlap and the chart becomes a blob. Limit to 5–30 items, or use interactive tooltips.
Ignoring borderline items
Points near the threshold lines are the most uncertain. Flag them for manual review instead of treating their classification as definitive.
// 09 — In the wild
Real-world examples
BCG Growth-Share Matrix
The Boston Consulting Group's classic framework plots products by market growth rate vs relative market share, classifying them as Stars, Cash Cows, Question Marks, or Dogs.
Eisenhower Matrix (Urgent/Important)
Used for personal productivity: tasks are classified as Do, Schedule, Delegate, or Delete based on urgency and importance.
Gartner Magic Quadrant
Technology research firm Gartner plots vendors by completeness of vision vs ability to execute, identifying Leaders, Visionaries, Niche Players, and Challengers.
// 10 — Quick reference
Key facts
| Also known as | Four-quadrant matrix, 2×2 matrix, strategic grid |
| Encoding | Position (X, Y) of items + quadrant classification |
| Best for | 5 – 30 items with two independent dimensions |
| Famous examples | BCG Matrix, Eisenhower Matrix, Gartner Magic Quadrant |
| Key strength | Turns analysis into actionable classification |
// 11 — Accessibility
Accessibility notes
Provide a classified data table
Include a table listing each item, its X and Y values, and its quadrant classification for screen reader users.
Add ARIA labels to dots
Each data point should carry an aria-label like "Dark mode: effort 2, impact 8 (Quick Win)" for assistive technology.
Ensure quadrant zones have sufficient contrast
Use both colour and labels to distinguish zones — subtle background tints may be invisible to colour-blind users.
Include threshold values in text
State the threshold values explicitly (e.g., "Effort > 5 = high effort") so they can be understood without visual inspection.
// 12 — Variations
Variations
Bubble quadrant
Adds a third variable via bubble size, like revenue or user count
Dynamic quadrant
Animated over time to show how items move between quadrants across periods
Multi-colour quadrant
Uses colour as a fourth variable (e.g., department or risk level)
// 13 — FAQs
Frequently asked questions
What is a quadrant chart?+
A quadrant chart is a scatter plot with two perpendicular threshold lines that divide the plane into four quadrants. Each item is plotted by its X and Y values, and its quadrant placement classifies it into a strategic category.
When should you use a quadrant chart?+
Use a quadrant chart when you want to classify items into four strategic categories. It also works well when there are two meaningful dimensions to evaluate against, and when the audience needs actionable insights, not just correlations.
When should you avoid a quadrant chart?+
Avoid a quadrant chart when the threshold lines are arbitrary — misplaced thresholds lead to wrong classifications. It is also a poor fit when you only need one dimension — a bar chart is simpler, or when there are too many data points (>50) — labels overlap and quadrants become cluttered.
Are quadrant charts accessible to screen readers?+
Yes — a quadrant chart 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 quadrant chart suitable for dashboards?+
Yes — a quadrant chart 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.
What category of chart is a quadrant chart?+
Quadrant Chart belongs to the Comparison family of charts. Charts in that family are designed to answer the same kind of question, so they often work as alternatives when one doesn't quite fit your data.