javascript - D3.js: Tree layout with variable distance between branches -

I am developing a complex horizontal tree graph with D3 and D3. Layout.ree () function. Now I am at a point where I need to display a list in each node with a certain depth (like 4), and these lists have variable height.

One way to manage it is to set a chart. Height is therefore no node overlapping, but I have to consider the case that all the nodes are the longest list. This makes the chart very long and visually ugly, so I wonder if it is a way of dynamically setting vertical distance between horizontal branches.

I have tried nodesys property but again, it should be the same for all nodes if there is no possible way to do this, how will you deal with this problem? I have already set up a model to show all the information, but these lists are mandatory and will be in the tree chart.

Thanks