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

Question

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

но больше похоже на блок-схему, подобную этой:

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

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

спасибо

РЕДАКТИРОВАТЬ:

, чтобы не разбросатьсявот те инструменты, которые, кажется, именно то, что я искал (с помощью 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 . Существует также компонент дерева , запланированный для пользовательского интерфейса jQuery.