'Is it possible to position the leaf nodes one below the other instead of next to each other?

I use d3-org-chart and I wonder if it's possible to position the bottommost elements below each other instead of on the same level:

current orgchart

There are some exposed variables that can be adjusted but I couldn't find a property that would do the job.

If this feature isn't build-in, would it be possible to achieve this via adding a function using vanilla d3.js? I would we very happy for hints or recommendations how to tackle this.



Solution 1:[1]

Yes draw the paths end of the svg and align leaf nodes to bottom of the svg

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Kasun lakmal