title: How to cut y axis to make the chart look better?
body: <p>What I'm trying to do is create a bar chart using D3.js (v4) that will show 2 or 3 bars that have a big difference in values. </p>
  
  <p>Like shown on the picture below yellow bar has a value 1596.6, whereas the green bar has only 177.2. So in order to show the charts in elegant way it was decided to cut the y axis at a certain value which would be close to green bar's value and continue closer to yellow bar's value. </p>
  
  <p>On the picture the y axis is cut after 500 and continues after 1500. </p>
  
  <p>How one would do that using D3.js?</p>
  
  <p><a href="https://i.stack.imgur.com/wUWnI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wUWnI.png" alt="enter image description here"></a></p>