d3js Tree square

2019-01-21 01:36发布

问题:

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 ?

回答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


回答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.