javascript: d3.js link seperation in tree layout

what I'm trying to do is to have a gap in between the links of a d3.js tree layout in which the node name fits (See image).

My graph looks similar to this example: http://ift.tt/1iEMxZg What I tried to change is the d.y in the projection.


var diagonal = d3.svg.diagonal.radial()
.projection(function(d) { return [d.y, d.x / 180 * Math.PI]; });

Which results in a change of both parent and child links. I'm sure there is a simple solution to this, but I don't get it right now.

Thanks for any help.

javascript