title: JQuery - dynamically generate a graphic tree-view from data
body: <p>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:</p>
  
  <p><img src="https://i.stack.imgur.com/Icc9e.png" alt="enter image description here"></p>
  
  <p>but more like a flow-chart like this:</p>
  
  <p><img src="https://i.stack.imgur.com/azzTv.png" alt="enter image description here"></p>
  
  <p>so basically i want to display it more graphically than a tree-view and if possible - being able to zoom in and out.</p>
  
  <p>how can this be achieved? do you know of any (JS or Jquery) tools for that sort of thing?</p>
  
  <p>thanks</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>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 <a href="https://stackoverflow.com/users/797194/m90">m90</a> and <a href="https://stackoverflow.com/users/1210059/tats-innit">Tats_innit</a>) </p>
  
  <p><a href="http://thejit.org/" rel="nofollow noreferrer">thejit</a></p>
  
  <p><a href="http://mbostock.github.com/d3/" rel="nofollow noreferrer">d3.js</a></p>
  
  <p><a href="http://code.google.com/p/js-mindmap/" rel="nofollow noreferrer">js-mindmap</a></p>
  
  <p><a href="https://github.com/wesnolte/jOrgChart" rel="nofollow noreferrer">jOrgChart</a></p>
  
  <p>(b.t.w - i'm going with <code>thejit</code> for now)</p>