11

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:

enter image description here

but more like a flow-chart like this:

enter image description here

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)

Community
  • 1
  • 1
levtatarov
  • 1,632
  • 6
  • 24
  • 36
  • 1
    Maybe this helps: http://stackoverflow.com/questions/1374149/jquery-mind-map-think-map – m90 Mar 11 '12 at 09:47
  • 1
    this is not a tutorial site. did you tried anything – Chamika Sandamal Mar 11 '12 at 09:48
  • 1
    thank you, Chamika Sandamal, for your extremely helpful comment. i've looked at about a dozen of tools but none of them have the graphic qualities that i'm looking for. so i thought that someone here might know of such a tool. – levtatarov Mar 11 '12 at 09:57

2 Answers2

5

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,

Tats_innit
  • 33,991
  • 10
  • 71
  • 77
  • +1 for your question; Try this please, http://code.google.com/p/js-mindmap/ I have edited my post. If you will go to read me section in github link will take you to a demo page http://kenneth.kufluk.com/google/js-mindmap/ , cheers – Tats_innit Mar 11 '12 at 10:21
3

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

ebaxt
  • 8,287
  • 1
  • 34
  • 36
  • like i tried to demonstrate with the images in my question - i'm looking for something a little different graphically-wise than the standard tree-views. but thanks – levtatarov Mar 11 '12 at 10:05