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

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

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

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

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

спасибо

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

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

thejit

d3.js

js-mindmap

jOrgChart

(кстати, пока я использую thejit)