JQuery - générer dynamiquement un graphique de l'arbre de données

je veux générer dynamiquement une arborescence pour représenter les utilisateurs de connexions dans un formulaire, mais je ne veux pas qu'il ressemble à une normale de l'arbre (qui ressemble à une structure de Système de Fichiers) comme ceci:

JQuery - générer dynamiquement un graphique de l'arbre de données

mais plus comme un organigramme comme ceci:

JQuery - générer dynamiquement un graphique de l'arbre de données

donc, fondamentalement, je veux l'afficher d'une manière plus graphique que de l'arbre et, si possible, - le fait de pouvoir zoomer et dézoomer.

comment cela peut-il être atteint? connaissez-vous un (JS ou Jquery) des outils pour ce genre de chose?

grâce

EDIT:

afin de ne pas se retrouver éparpillés ici sont des outils qui semblent être exactement ce que j'étais llooking (avec l'aide de m90 et Tats_innit)

thejit

d3.js

js-mindmap

jOrgChart

b.t.w - je vais avec thejit pour l'instant)

Peut-être que cela aide: stackoverflow.com/questions/1374149/jquery-mind-map-think-map
ce n'est pas un tutoriel site. avez-vous essayé quelque chose
merci, Chamika Sandamal, pour votre très utile commentaire. j'ai regardé sur une douzaine d'outils, mais aucun d'eux n'a les qualités graphiques que je suis à la recherche pour. donc j'ai pensé que quelqu'un ici pourrait connaître d'un tel outil.

OriginalL'auteur levtatarov | 2012-03-11

  1. 5

    Est-ce que vous êtes à la recherche pour - plugin pour créer l'arborescence de la vue:

    [liens ci-dessous]

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

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

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

    Ah, l'organigramme de la sensation il y a quelques plugin comme un lien ci-dessus, mais essayez ceci:

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

    espère que cette aide, les acclamations,

    merci, mais ce sont également de la plaine de l'arbre des outils & plugins
    +1 pour votre question, Essayez cette s'il vous plaît, code.google.com/p/js-mindmap j'ai édité mon post. Si vous allez à me lire l'article sur github lien vous mènera à une page de démonstration kenneth.kufluk.com/google/js-mindmap , cheers
    merci, je vais vérifier... l'air prometteur

    OriginalL'auteur Tats_innit

  2. 3

    Vous pouvez utiliser JsTree. Il y a aussi un composant de l'arbre prévu pour jQuery UI.

    comme j'ai essayé de le montrer avec les images dans ma question - je suis à la recherche de quelque chose d'un peu différent graphiquement sage que le standard de l'arborescence. mais merci

    OriginalL'auteur ebaxt