Дерево/дендрограмма с коленчатыми соединителями в d3

Я новичок в d3.js (и SVG вообще), и я хочу сделать что-то простое:дерево/ дендрограмма с угловыми разъемами.

Я вырезал пример d3 отсюда:http://mbostock.github.com/d3/ex/cluster.html и хочу сделать его более похожим на примеры protovis здесь:

• http://mbostock.github.com/protovis/ex/indent.html
• http://mbostock.github.com/protovis/ex/dendrogram.html

Я начал здесь:http://jsbin.com/ugacud/2/edit#javascript,htmlи я думаю, что следующий фрагмент неверен:

var diagonal = d3.svg.diagonal()
.projection(function(d) { return [d.y, d.x]; });

Однако очевидной замены нет, я мог бы использовать d3.svg.line, но я не знаю, как правильно его интегрировать, и в идеале мне нужен угловой разъем... хотя мне интересно, использую ли я неправильную библиотеку для это, поскольку многие примеры d3, которые я видел, используют гравитационную силу для построения графиков объектов вместо деревьев.