As per the pictures below the g element is rendered outside the svg (above the svg) so many nodes are covered by other HTML elements.

As per the pictures below the g element is rendered outside the svg (above the svg) so many nodes are covered by other HTML elements.

As per the pictures below the g element is rendered outside the svg (above the svg) so many nodes are covered by other HTML elements.

In my angularjs project I’m using d3js to build a ‘collapsible tree’ and I used the code from this example

how to resolve issue with d3-sankey chart?
I am upgrading sankey chart from 0.4.2 version to latest version, which gives error with layout method which is deprecated in latest version.

I have no problems drawing the tree corresponding to hierarchical object. But I can’t to figure out how to connect to some non-adjacent nodes by line… What’s the best way to do this?

I have no problems drawing the tree corresponding to hierarchical object. But I can’t to figure out how to connect to some non-adjacent nodes by line… What’s the best way to do this?

I have no problems drawing the tree corresponding to hierarchical object. But I can’t to figure out how to connect to some non-adjacent nodes by line… What’s the best way to do this?

I have no problems drawing the tree corresponding to hierarchical object. But I can’t to figure out how to connect to some non-adjacent nodes by line… What’s the best way to do this?

I have no problems drawing the tree corresponding to hierarchical object. But I can’t to figure out how to connect to some non-adjacent nodes by line… What’s the best way to do this?