title: D3.js: Tree layout with variable distance between branches
body: <p>I'm developing a complex horizontal tree graph with d3 and the d3.layout.tree() function. Now I'm in a point where I need to display a list in each node with a fixed depth (e.g. 4), and these lists have variable height.</p>
  
  <p>One way to manage this is to set a chart height so no nodes get overlapped, but I have to consider the case that all the nodes have the longest list. This makes the chart extremely long and visually ugly, so I wonder if it is a way to set the vertical distance between the horizontal branches dynamically.</p>
  
  <p>I've tried the nodeSize property but again, it has to be the same for all the nodes. If there is no possible way to do this, how would you tackle this problem? I've already set a modal to show all the information, but these lists are mandatory and have to be in the tree chart.</p>
  
  <p>Thanks</p>