Cách tạo biểu đồ cây tương tác với d3?

Question

Có mẫu nào về cách thiết kế biểu đồ cây tương tác như trong trang web pearltrees.com (xem here chẳng hạn) với D3 không?

cảm ơn sự giúp đỡ nào!

Answer 1

Bạn có thể tạo một đồ thị lực định hướng để làm một cái gì đó như thế này:

http://mbostock.github.com/d3/talk/20110921/#20

Bạn sẽ có một chút việc phải làm:

1. Thêm hình ảnh động để các nút (this example adds a favicon cho mỗi nút)
2. Cho phép người dùng mở rộng/thu gọn các phần của cây. (this example does this, but uses a tree layout).
3. Thêm liên kết HTML vào các nút kết thúc (this example shows how nodes can link out to other pages).