Hey guys, not sure why my <g> expands over my svg although the width and height is smaller than the container svg.
You will notice it when you hit inspect elements.
https://codepen.io/shimphillip/pen/dLGWyd
Thanks.
The problem was that there were still more bar graphs inside <g> element. But they were just being hidden away from the view as if svg had overflow:none attribute.
Therefore giving more width to svg worked.