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

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

enter image description here

но больше похож на блок-схему следующим образом:

enter image description here

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

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

спасибо

EDIT:

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

thejit

d3.js

js-mindmap

jOrgChart

(b.t.w - теперь я иду thejit)

Ответ 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/

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

Ответ 2

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