I am trying to add zooming functionality to my line chart. However, after consulting the documentation and the examples provided by d3.js, my solution still only updates the scaling of the x-axis, without changing the actual displayed data. This is how I generate the chart:

I am trying to build a bowtie hierarchy diagram using Javascript d3. I have the code working for one way hierarchy but I haven’t been able to make it expand/collapse it smoothly both ways. I have tried many things so have multiple different versions of code, but adding this one since it is working but doesnt have expand/collapse functionality yet here.