Diverging Stacked Bar Chart
A stacked bar chart that splits at a center line — positive responses push right, negative responses push left — perfect for survey and sentiment data.
// 01 — The chart
What it looks like
Bars diverge from a center line. Negative sentiment extends left, positive sentiment extends right, making it easy to compare opinion balance across questions.
// 02 — Definition
What is a diverging stacked bar chart?
A diverging stacked bar chart is a specialized stacked bar where bars split at a central axis, typically representing a neutral point. Segments extending in one direction (usually right) represent positive or favorable responses, while those extending the other way (left) represent negative or unfavorable ones.
This layout is particularly powerful for Likert-scale survey data (e.g., “Strongly disagree” to “Strongly agree”). By centering the chart on the neutral category, viewers can instantly see whether overall sentiment leans positive or negative for each question or group.
The chart preserves part-to-whole relationships — you can still see the full distribution — while adding a clear visual signal about polarity and balance.
Common name: Also called a “Likert chart” or “butterfly bar chart” when responses split symmetrically around a midpoint.
// 03 — Anatomy
Parts of a diverging stacked bar chart
// 04 — Usage
When to use it — and when not to
- Displaying Likert-scale survey responses (Strongly disagree → Strongly agree)
- Showing sentiment polarity — how opinion splits between positive and negative
- Comparing opinion distributions across multiple questions or groups
- You have a natural midpoint or neutral category in your data
- Highlighting which groups lean positive vs negative at a glance
- Your data has no natural midpoint or neutral category
- You need precise comparison of individual segment sizes across bars
- You have only two categories (positive/negative) — a simple bar chart is simpler
- The data is not ordinal or doesn't have a meaningful direction
- You have more than 7 categories to compare — the chart becomes overwhelming
// 05 — Reading guide
How to read a diverging stacked bar chart
Find the center axis
The vertical line dividing the chart represents the neutral or zero point. Everything to the left is negative/unfavorable; everything to the right is positive/favorable.
Check the overall lean
Look at each bar's total extension — does it reach further right or left? This tells you the net sentiment direction for that category.
Compare bar lengths on each side
A bar with a long right extension and short left extension shows strongly positive sentiment. Equal extensions mean balanced or divided opinion.
Read the color intensity
Typically, darker colors represent stronger opinions (strongly agree/disagree) and lighter colors represent milder ones (agree/disagree).
Compare across questions or groups
The power of this chart is in cross-comparison. Look for which questions have the most lopsided responses vs which are most evenly divided.
// 06 — Data format
What the data looks like
Diverging stacked bar charts work best with ordinal data that has a natural midpoint. Each row represents a question or category, and columns represent response levels on both sides of the midpoint.
| Question | Str. disagree | Disagree | Agree | Str. agree |
|---|---|---|---|---|
| Work-life balance | 10% | 28% | 42% | 20% |
| Compensation | 14% | 24% | 38% | 24% |
| Career growth | 6% | 16% | 44% | 34% |
// 07 — Construction
How to build one
Identify the neutral midpoint in your data (e.g. 'Neutral' in a 5-point Likert scale).
Place the center axis and position negative responses (disagree) to the left, positive (agree) to the right.
If handling the neutral category, split it equally on both sides, or omit it and note that in the legend.
Use a sequential color scheme — darker shades for stronger opinions, lighter for mild ones.
Add percentage labels to each segment and a clear legend explaining the response categories.
// 08 — Common mistakes
Mistakes to avoid
Unclear center axis
Without a prominent center line, readers won't know where neutral begins. Make the axis visually distinct from gridlines.
Poor color choices for polarity
Don't use random colors. Negative should be one hue (red family), positive another (green/blue family) with intensity encoding strength.
Omitting the neutral category without explanation
If you drop the 'Neutral' responses to simplify the chart, always note this — otherwise readers assume 100% of people had an opinion.
Mixing non-ordinal data
This chart only works when responses have a natural order and direction. Using it for unrelated categories (e.g. color preferences) creates a misleading polarity.
// 09 — In the wild
Real-world examples
Employee engagement surveys
HR teams use diverging bars to compare satisfaction across departments, instantly spotting which teams lean negative on specific topics.
Political polling
Showing approval/disapproval by demographic groups, centered on 'No opinion' — revealing which groups are most polarized.
Product review sentiment
Breaking down 1–5 star reviews into a diverging chart to see not just average ratings but the full distribution of opinion.
// 10 — Quick reference
Key facts
Also known as
Likert chart, butterfly bar chart, bipolar bar chart
Category
Part-to-whole
Best for
Likert scales, sentiment data, opinion surveys
Ideal groups
3–10 questions or categories
Key strength
Shows polarity and balance at a glance
Requires
A natural midpoint or neutral category
// 11 — Accessibility
Making it accessible
Use red/green colorblind-safe palettes (e.g. orange vs blue) or add patterns to distinguish polarity.
Label each segment with percentages so readers don't rely solely on length estimation.
Provide a data table alternative for screen reader users.
Ensure the center axis is clearly labeled as the neutral point.
Add ARIA descriptions explaining that bars diverge from a center to show positive vs negative responses.
// 12 — Variations
Chart variations
Diverging 100% Stacked Bar
All bars normalized to 100% with the midpoint centered — best for pure proportional comparison.
Tornado Chart
A simpler two-sided bar chart without stacking — each side shows a single variable, like male vs female demographics.
Net Sentiment Bar
Collapses the diverging chart into a single bar showing the net positive/negative score per category.
// 13 — FAQs
Frequently asked questions
What is a diverging stacked bar chart?+
A diverging stacked bar chart is a specialized stacked bar where bars split at a central axis, typically representing a neutral point. Segments extending in one direction (usually right) represent positive or favorable responses, while those extending the other way (left) represent negative or unfavorable ones.
When should you use a diverging stacked bar chart?+
Use a diverging stacked bar chart when displaying Likert-scale survey responses (Strongly disagree → Strongly agree). It also works well when showing sentiment polarity — how opinion splits between positive and negative, and when comparing opinion distributions across multiple questions or groups.
When should you avoid a diverging stacked bar chart?+
Avoid a diverging stacked bar chart when your data has no natural midpoint or neutral category. It is also a poor fit when you need precise comparison of individual segment sizes across bars, or when you have only two categories (positive/negative) — a simple bar chart is simpler.
What data do you need to make a diverging stacked bar chart?+
Diverging stacked bar charts work best with ordinal data that has a natural midpoint. Each row represents a question or category, and columns represent response levels on both sides of the midpoint.
How is a diverging stacked bar chart different from a 100% stacked bar chart?+
Both a diverging stacked bar chart and a 100% stacked bar chart can look similar at first glance, but they answer different questions. Reach for a diverging stacked bar chart when the comparisons and patterns it was designed to reveal match what you need to communicate, and choose a 100% stacked bar chart when its particular strengths better fit your data and audience.
What is another name for a diverging stacked bar chart?+
Diverging Stacked Bar Chart is also known as Likert chart, butterfly bar chart, bipolar bar chart. The name varies between fields, but the visualisation technique is the same.
What size of dataset works best for a diverging stacked bar chart?+
Diverging Stacked Bar Chart works best for Likert scales, sentiment data, opinion surveys. Outside that range the chart either looks empty or becomes too cluttered to read clearly.
Are diverging stacked bar charts accessible to screen readers?+
Yes — a diverging stacked bar 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.