d3.js Indented tree with straight links

Question

My code is based on the D3.js Indented tree example.

I want straight links instead of the curved links between parent/child-objects.

I understand this has someth

Answer 1

You're almost there. You need to use a normal line with a suitable interpolation, e.g.

var line = d3.svg.line().interpolation("step")
                 .x(function(d) { return d.y; })
                 .y(function(d) { return d.x; });

You may have to tweak the exact interpolation mode.