Visx: BarStack With Negative Values

[esetnik]

How can I use <BarStack> when one of the keys contains negative values?

I am trying to reproduce something that looks like:

Here's a sandbox link which demonstrates my attempt at making the demo work with negative temperatures, but it doesn't seem to work properly.

[hshoff]

My fault, I don't think this is documented anywhere yet. Will add an example to gallery as well. But you need to use <Stack /> and pass in an offset prop offset={'diverging'} (d3 stack offset docs)

Here's a quick example based of your sandbox:

https://codesandbox.io/s/2pxzozmrlp

[esetnik]

That’s great thanks for the clarification!

[jackal-scratch]

It seems BarStack is still not able to handle negative values in the latest version. The example provided back in 2018 seems to be broken if using the latest version. Would you happen to have an updated example for BarStack with negative values?