CODEWITHSUNDEEP
javascriptsvgd3.jstree
gpasse
gpasse

Reputation: 4489

d3js Tree square

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

All exemples that I found are showcasing organic trees.

enter image description here

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

enter image description here

Upvotes: 46

Views: 14502

Answers (2)

user879121
user879121

Reputation:

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.

enter image description here

Upvotes: 18

mbostock
mbostock

Reputation: 51819

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:

Upvotes: 59

Related Questions