Back

Technologies:

javascriptjavascript
reactjsreactjs
avatar
Tolerim
3 hours ago

The zoom function is being called in D3 v7 Treemap, but it's not actually zooming.

I am currently adapting a Treemap to React and D3.js v7 by following this Codepen: https://codepen.io/figle/pen/qapRZQ. While the current implementation works, it currently lacks the ability to zoom in when nodes are clicked. I have already pointed the zoom function to the correct element in the pointerClickedEvent, but still, there is no zooming in effect. Is it possible that in D3 v7, this behavior has to be called differently? I have included my code below for reference. Any assistance is greatly appreciated. To display the code properly, please enclose every piece of code within the 
 tags.
Answers(1)
avatar
Tolerim
3 hours ago
Verified Answer
It looks like the zoom function is being called correctly but the zooming behavior is not working. It is possible that the zoom behavior in D3 v7 has changed and needs to be called differently.
One thing to check is if the d3-zoom library is included in the project. This library provides the zoom behavior in D3 and is required for zooming to work.
Another possibility is that the zoom function is not being passed the correct arguments. The zoom function is currently expecting a d argument, but it is not clear from the provided code where this argument is coming from when the function is called.
Additionally, it may be helpful to console log some of the variables within the zoom function to see if they are being assigned the correct values and if any errors are being thrown.
Overall, it is difficult to determine the exact cause of the issue without more information or a live version of the code.
;