GeneratorsDiverging bars

Animated Diverging Bar Chart Generator

Gains grow right, losses grow left of a centre zero line. Export as PNG, SVG, GIF or MP4.

Exports asMP4GIFPNGSVG

Free to try · No design skills · Ready in about two minutes

Overview

What is a diverging bar chart?

A diverging bar chart plots positive and negative values as bars growing in opposite directions from a shared zero line, instead of every bar rising from the same baseline the way a regular bar chart does. The moment a dataset has both gains and losses, that's the tell a diverging bar chart is the right call, a regular bar chart would make a -8% look like a small positive bar unless you read the axis carefully.

It is built for change, not for level. Year-over-year movement by category, survey sentiment split between agree and disagree, net effects like hiring minus attrition, anywhere the sign of the number carries as much meaning as its size. Green gains to the right and red losses to the left make the winners and losers unmistakable at a glance, and every bar is labelled with its own sign so nobody has to infer direction from position alone.

The one thing it isn't built for is a trend over continuous time. Diverging bars compare categories at a single point, this quarter's movement by product line, this survey's sentiment by segment. When the story is how a signed value evolved across many time periods, a line chart with a zero reference line reads that trajectory far better.

reochart.com/editor
Data
Platform412
Add-ons168
Services54
Hardware-87
+ Add row
MP4GIFPNGSVG
Export

How it works

How a diverging bar chart works

1

A shared zero line runs down the centre of the chart. Each category's bar grows from that line toward the right when its value is positive, and toward the left when it's negative, so the axis itself carries the meaning: right is up, left is down.

2

Bar length is still proportional to magnitude on either side, so a +40 bar and a -40 bar are the same length in opposite directions, keeping the comparison honest. Reochart colours gains and losses semantically (green right, red left) and signs every value explicitly, so the direction reads even before the colour registers.

Examples

Example diverging bar charts

Real charts made in Reochart, each with its own data and theme. Hover to play the animation.

Revenue change by product line, four up and two down.
Survey sentiment: promoters right, detractors left.
Headcount change: hiring vs attrition by team.

Good fit

When to use a diverging bar chart

  • Year-over-year change by category
  • Survey sentiment (agree vs disagree)
  • Net gains and losses side by side
  • Hiring vs attrition, or any signed net movement

Reach for something else

When not to use a diverging bar chart

  • All your values are positive, a regular bar chart compares them just as clearly without the extra zero-line concept.
  • The story is change over continuous time rather than change by category, a line chart with a zero reference line shows the trajectory a diverging bar can't.
  • You have a single total that needs to bridge from a start to an end value through signed steps, that's a waterfall chart's job.
  • You have more than about 15 categories, bars on both sides of the centre line get cramped; rank and trim, or split into two charts.

Compare

Diverging bars vs other charts

Diverging bars vs the alternatives, at a glance.

Chart typeBest forAvoid when
Diverging barsCategories with both positive and negative valuesAll-positive data, or a trend over time
Bar / columnComparing all-positive values across categoriesSome values are negative and sign matters
Line / areaA signed metric changing over continuous timeComparing separate categories at one point in time
WaterfallA running total bridging start to end through signed stepsCategories are independent, not sequential

Your data

What data you need

One row per category: a label and a signed number. Positive values grow right in green, negative values grow left in red. Paste straight from Excel or Sheets, or import a CSV. Up to about 15 rows reads cleanly.

LabelValue
Platform412
Add-ons168
Hardware-87
Legacy plans-203

Step by step

How to make a diverging bar chart

1
Paste or import

Drop your numbers in, or import a CSV.

2
Pick a style

Choose the chart, theme and animation speed.

3
Make it yours

Tune colours, labels and add your brand.

4
Export anywhere

Download MP4, GIF, PNG or SVG.

Best practices

Get it right

Do
  • Sort by value so the biggest gains and losses anchor the top and bottom.
  • Let the sign and colour both carry the direction, don't rely on position alone.
  • Label each bar with its signed value so the reader never has to guess magnitude from length.
  • Keep to about 6-12 categories so bars on both sides stay easy to scan.
Don't
  • Use it when every value is positive, that's just a regular bar chart with extra steps.
  • Mix unrelated units on one axis, gains and losses need a shared, comparable scale.
  • Cram in 15+ categories, bars on both sides of the centre line get cramped fast.
  • Drop the sign from labels, "87" reads very differently from "-87" and the number alone should make that clear.

Watch out

Common mistakes to avoid

!
Charting all-positive data

A diverging bar chart's whole value is the zero line separating gains from losses. If nothing is negative, a regular bar chart is simpler.

!
Relying on colour alone

Colour-blind readers and black-and-white printouts lose the gain/loss distinction if the sign isn't also printed on the label.

!
Using it for a time series

Diverging bars compare categories at one moment. If the story is a signed value evolving over many periods, use a line chart with a zero reference instead.

!
Too many categories

Past about 15 rows, bars on both sides of the centre line crowd together. Rank by magnitude and trim, or split into two charts.

Why Reochart

Built for sharing, not just charting

  • No design skills required
  • Animated MP4 and GIF exports
  • PNG and scalable SVG too
  • Your brand colours and logo (Pro)
  • Paste from a sheet or import a CSV
  • Presentation and feed ready in minutes

FAQ

Frequently asked questions

What is a diverging bar chart?

A horizontal bar chart where bars grow left or right from a centre zero line, so positive and negative values read as opposite directions.

What data do I need?

A label and a signed value per row — positive numbers grow right in green, negatives grow left in red.

Diverging bars or a regular bar chart?

Use diverging bars the moment your data has both positive and negative values and the sign matters. If everything is positive, a regular bar chart is simpler.

Diverging bars or a waterfall chart?

A waterfall bridges a single running total through signed steps to an ending value. Diverging bars compare independent categories that each have their own signed value, with no running total connecting them.

How many categories can it hold?

Up to about 15 reads cleanly. Beyond that, bars on both sides of the centre line get cramped — rank by magnitude and trim, or split into two charts.

Can I make it animated?

Yes. Bars grow from the centre line by default, and you can export the animation as an MP4 or GIF, or grab a static PNG or SVG.

Can I export as SVG?

Yes. Pro exports a crisp, scalable SVG vector, alongside MP4, GIF and PNG. Every export renders at 1080p.

Can I use my own brand colours and logo?

On Pro, yes. Set a brand palette and add a logo that replaces the watermark on every export.

Is Reochart free?

Yes. The free plan lets you make every chart type except the animated bar chart race, and export an animated MP4 with a small watermark, no card needed. Pro adds the bar chart race, removes the watermark, and adds GIF and SVG, your brand colours and logo, longer videos and CSV import.

Make your diverging bar chart now

Drop in your numbers and export something worth sharing, in about two minutes. Free to start.