2012-06-21 10 views
38

Ich möchte mit d3.js einen Stammbaum erstellen.d3js Baumquadrat

Alle Beispiele, die ich gefunden habe, zeigen organische Bäume.

enter image description here

Gibt es exemples da draußen mit einem Stammbaum wie Stil?

enter image description here

+5

Warum habe ich -2 zu dieser Frage bekommen? – gpasse

Antwort

50

Sie können dies mit Hilfe erreichen entweder die cluster oder tree Layouts. Und einen benutzerdefinierten Pfadgenerator verwenden, um orthogonale Linien zu zeichnen, die Knoten verbinden, wie in dieser elbow dendrogram. Ich glaube, ich wurde inspiriert fühlen, damit ich ihm einen Schuss gab:

+3

Vielen Dank. Das war elegant. – gpasse

+2

@mbostock - wie würdest du Unterstützung für Geschwister hinzufügen? Sagen wir, Robert Shanks und Elizabeth Shanks hatten noch ein Kind? –

11

ich vor kurzem einige examples of using D3 to draw pedigrees im Stil geschaffen, die meisten Software tut. Es gibt Beispiele dafür, wie man es erweitern und reduzieren, Übergänge und Nachkommen sowie Vorfahren anzeigen kann.

enter image description here