Nivo: Waterfall chart

[marvin-solano]

Is there a way to modify the bar chart to make it behave like a waterfall chart? If not, is this chart on the roadmap?

[plouc]

You cannot use the bar chart to make a waterfall chart, I'm planning to add one, but I've no idea when I'll be able to do so

[marvin-solano]

Thanks for the clarification, also, thanks for the amazing library!

[Binb1]

Hi, I was wondering if there were any updates regarding the waterfall charts ?

[SathishRaju]

Just wondering, if waterfall charts will be available sometime this year. Thanks for this wonderful library!

Also if we can make combination charts using nivo, it will become the ultimate charting library!

[carloscastelano]

Any update on this?

[ODINAKACHUKWU]

Any update on this please?

[mdesousa]

For anyone interested, I was able to customize the bar chart to make a waterfall:

See the code here: https://gist.github.com/mdesousa/94260b6596be1d12664a6a0fe92d76ed
You need to pass data like this:

const data = [
  { category: "Start Balance", amount: 500 },
  { category: "Deposits", amount: 200 },
  { category: "Withdrawals", amount: -100 },
  { category: "Fees", amount: -20 },
];

There is one constraint to this approach: it does not work well when the sign of the balance changes through the chart. For example, if you start with a negative balance and have sufficient deposits to make it positive. As long as the balance keeps the same sign (either negative or positive) through the chart, it works well.

Hope this helps!