d3js Tree square

I would like to use d3.js to build a pedigree tree.

All exemples that I found are showcasing organic trees.

Are there any exemples out there with a pedigree like style ?

Solution 1:

You could accomplish this using either the cluster or tree layouts. And using a custom path generator to draw orthogonal lines connecting nodes, as in this elbow dendrogram. I guess I was feeling inspired so I gave it a shot:

• http://bl.ocks.org/2966094

Solution 2:

I recently created some examples of using D3 to draw pedigrees in the style that most software does. There are examples for showing how to make it expand and collapse, transitions, and showing descendants as well as ancestors.