2012-06-21 26 views
38

Tôi muốn sử dụng d3.js để xây dựng cây phả hệ.d3js Cây vuông

Tất cả các mẫu mà tôi thấy là trưng bày các cây hữu cơ.

enter image description here

Có bất kỳ exemples ra khỏi đó với một phả hệ như phong cách?

enter image description here

+5

Tại sao tôi nhận được -2 cho câu hỏi này? – gpasse

Trả lời

50

Bạn có thể thực hiện điều này bằng cách sử dụng các cluster hoặc tree bố cục. Và sử dụng trình tạo đường dẫn tùy chỉnh để vẽ các đường trực giao kết nối các nút, như trong elbow dendrogram này. Tôi đoán tôi đã cảm thấy cảm hứng vì vậy tôi đã cho nó một shot:

+3

Cảm ơn rất nhiều. Điều này thật thanh lịch. – gpasse

+2

@mbostock - bạn sẽ thêm hỗ trợ cho anh chị em như thế nào? Giả sử Robert Shanks và Elizabeth Shanks có một đứa con khác? –

11

Gần đây tôi đã tạo ra một số examples of using D3 to draw pedigrees theo phong cách mà hầu hết các phần mềm hiện. Có những ví dụ cho thấy làm thế nào để làm cho nó mở rộng và sụp đổ, chuyển tiếp, và hiển thị con cháu cũng như tổ tiên.

enter image description here