Grouped Bar Chart with Negative Values

[Chamver]

I have been trying to create a grouped bar chart with negative values, but I am unable to do so.

I already have some codes written but it would not render properly.

Here is what I have done so far:

https://codepen.io/trainingc/pen/yzqmvZ?editors=0010

I am looking at this code on stackoverflow: https://stackoverflow.com/questions/16561226/grouped-bar-chart-with-negative-value-d3 

And combining that with this template: https://bl.ocks.org/mbostock/3887051

Appreciate the help that I could get thanks!

[sandeep edara]

Hi Cham,

I dont see any issue with the code,

you can increase the inner padding to see the groups clearly.

var x0 = d3

  .scaleBand()

  .rangeRound([0, width])

  .paddingInner(0.5);

Regards,

Sandeep.