JQuery - tự động tạo chế độ xem dạng cây đồ họa từ dữ liệu

Question

tôi muốn tự động tạo chế độ xem dạng cây để đại diện cho người dùng kết nối trong ứng dụng nhưng tôi không muốn nó trông giống như một cây thông thường (trông giống như tập tin cấu trúc hệ thống) như thế này:

nhưng giống như một dòng chảy biểu đồ như thế này:

nên về cơ bản tôi muốn hiển thị nó đồ họa hơn một cây-view và nếu có thể - có thể phóng to và thu nhỏ.

làm cách nào để đạt được điều này? bạn có biết bất kỳ công cụ (JS hoặc Jquery) nào cho loại điều đó không?

nhờ

EDIT:

để không bị phân tán here're là những công cụ mà dường như được chính xác những gì tôi đã llooking for (với sự giúp đỡ của m90 và Tats_innit)

thejit

d3.js

js-mindmap

jOrgChart

(btw - Tôi đang đi với thejit cho bây giờ)

Answer 1

Đây có phải là những gì bạn đang tìm kiếm - plugin để tạo hình cây:

[liên kết bên dưới]

http://jquery.bassistance.de/treeview/demo/

http://archive.plugins.jquery.com/project/treeview

http://docs.jquery.com/Plugins/Treeview/treeview

Ah, cho sơ đồ cảm thấy có rất ít plugin như một liên kết ở trên nhưng cố gắng này:

http://code.google.com/p/js-mindmap/

hy vọng điều này giúp, cổ vũ,

Answer 2

Bạn có thể sử dụng JsTree. Ngoài ra còn có một tree component được lập kế hoạch cho giao diện người dùng jQuery.