JQuery - динамически генерировать графическое древовидное представление из данных

Question

Я хочу динамически генерировать древовидное представление для представления соединений пользователей в приложении, но я не хочу, чтобы он выглядел как обычный древовидный вид (выглядит как структура файловой системы), как это:

, но больше похоже на блок-схемы, как это:

поэтому в основном я хочу, чтобы отобразить его более наглядно, чем в древовидную и если возможно - возможность увеличения и уменьшения масштаба.

Как это можно достичь? знаете ли вы о каких-либо (JS или JQuery) инструментах для такого рода вещей?

благодаря

EDIT:

, чтобы не распыляться here're являются инструментами, которые кажутся именно то, что я был llooking для (с помощью m90 и Tats_innit)

thejit

d3.js

js-mindmap

jOrgChart

(кстати - я иду с thejit сейчас)

Answer 1

Это то, что вы ищете - плагин для создания древовидного:

[ссылки ниже]

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

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

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

Ах, для блок-схемы чувствую Есть несколько плагинов, как ссылка выше, но попробуйте это:

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

надеюсь, что это помогает, ура,

Answer 2

Вы можете использовать JsTree. Существует также tree component для пользовательского интерфейса jQuery.