Position of the Panning and Zoom to be saved in localstorage on d3-org-chart about org-chart HOT 2 OPEN

It's not that easy to apply changes to Zoom.

I think you need to get zoom behavior from the org chart and use d3.zoomIdentity to apply new zoom values.

Just giving you theoretical directions, since not sure how to do what you want exactly

from org-chart.

Actually what I am trying to achieve. I see that the org chart is in svg and when zoom/panning changes then transform attribute of svg changes. So the above code is regarding the same.

1. Saving zoom/pan values utilize local storage to save x, y, and k values for SVG transform attribute.
2. On page refresh retrieve saved values from local storage and apply them to SVG, maintaining last zoom position.
3. Upon subsequent zoom/pan actions, SVG resets to center position.
4. Expected behaviour should be maintaining SVG's last zoom position and perform zoom/pan actions from there.

But when again zoom/pann is performed then it move to centre and zooms/pann happens from there.

from org-chart.