title: Using Multiple Link Types in D3 Tree Layout
body: <p>I'm using Tree Layout to construct a complex diagram in D3 v3. My diagram normally has a tree structure, so I'm using the diagonal links as follows:</p>
  <pre><code>var diagonal = d3.svg.diagonal()
    .projection(function (d) {
      return [d.x, d.y];
    });
  </code></pre>
  <p>However, for some of the nodes in my diagram, I have a different type of nodes which show the attributes of their parent nodes. Therefore, I want them to be very close to their parent nodes rather than in the same level with the other children nodes. I thought a possible solution could be using radial links as follows:</p>
  <pre><code>var radialDiagonal = d3.svg.diagonal.radial()
    .projection(function (d) {
      return [d.y, d.x / 180 * Math.PI];
    });
  </code></pre>
  <p>But, I couldn't find any example on how to use multiple link types in a diagram. Is it possible to do this? Or, is there any solution to make some nodes so close to their parent nodes?</p>
  <p>Thanks in advance.</p>