JQuery - dynamically generate a graphic tree-view from data

Question

i want to dynamically generate a tree-view to represent a users connections in an applicaiton but i don't want it to look like a normal tree-view (looks like a File System structure) like this:

but more like a flow-chart like this:

so basically i want to display it more graphically than a tree-view and if possible - being able to zoom in and out.

how can this be achieved? do you know of any (JS or Jquery) tools for that sort of thing?

thanks

EDIT:

in order not to get scattered here're are the tools that seem to be exactly what i was llooking for (with the help of m90 and Tats_innit)

thejit

d3.js

js-mindmap

jOrgChart

(b.t.w - i'm going with thejit for now)

Answer 1

Is this what you are looking for - plugin to create tree view:

[links below]

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

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

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

Ah, for the flowchart feel there are few plugin like a link above but try this:

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

hope this helps, cheers,

Answer 2

You can use JsTree. There is also a tree component planed for jQuery UI.