title: D3 - Chart with positive and negative values
body: <p>I am trying to build the d3 chart with the positive and negative number values as below <a href="https://i.stack.imgur.com/1uL4y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1uL4y.png" alt="enter image description here" /></a></p>
  <p>and I found some examples of <a href="https://observablehq.com/@d3/diverging-bar-chart" rel="nofollow noreferrer">this</a> and <a href="https://bl.ocks.org/HarryStevens/f1e0de06f1e3f014e9233b80e3514849" rel="nofollow noreferrer">this</a>. I am facing difficulties in customizing it because I have no prior experience in d3 and I think it would need some time for learning. I tried that as well. Created some simple chart examples but could not achieve the above. So I thought of reaching for help. Maybe someone can help with this if they have already done a similar chart or some guidance would be greatly appreciated. Thanks in advance.</p>