Où puis-je trouver une API interactive d'organigramme Web?

Question

Je cherche à construire un organigramme Web interactif pour une grande organisation. J'aime un peu l'interface sur ancestry.com où vous pouvez survoler les gens et faire un panoramique/zoomer autour et cliquer sur différents noeuds pour en faire la racine. Idéalement, j'aimerais que les gens puissent appartenir à plusieurs entités organisationnelles comme des comités, des groupes de travail, etc. Autrement dit, l'API devrait prendre en charge les graphiques en général, pas seulement les arbres. Je voudrais être capable de faire exploser visuellement chaque sous-structure organisationnelle en substituant en cliquant dessus, avec une belle animation des employés gonfler ou se répandre afin que vous puissiez vraiment interactivement explorer l'organisation.

J'ai trouvé http://code.google.com/apis/visualization/documentation/gallery/orgchart.html mais il semble un peu rudimentaire. Je sais qu'il existe des outils de bureau comme OrgPlus et Visio qui peuvent créer des graphiques statiques, mais je suis vraiment à la recherche d'une API Web gratuite avec des standards ouverts comme SVG ou HTML5 Canvas plutôt que Flash ou certains sortie propriétaire. Quelque chose que je peux intégrer dans une application web personnalisée et me style. Quelque chose d'interactif.

Answer 1

Il y a celui-ci pour asp.net mais je n'ai jamais ajouté à mes favoris, donc je ne peux pas se porter garant de la façon dont conforme aux standards, il est:

• http://www.orgchartcomponent.com/

Quelque chose que vous devrait également considérer quand vous regardez dedans ceci est vos conditions de diagramme. De nombreux organigrammes ne prennent en charge qu'un seul nœud supérieur. Si vous vouliez cartographier un arbre généalogique par exemple, cela pourrait ne pas être le cas.

Answer 2

je fini avec l'API Javascript SpaceTree du InfoVis Toolkit pour construire mon organigramme:

http://philogb.github.com/jit/static/v20/Docs/files/Visualizations/Spacetree-js.html

Answer 3

J'ai eu un aller à la construction de ce à d3.js. Il a été construit à l'origine pour les données extraites de Yammer mais maintenant il fonctionnera avec n'importe quel csv - comme this.

Here's le dépôt et here's une démo. Vous aurez besoin de connaître un peu html/javascript pour le personnaliser pour votre application.

Answer 4

Vérifie ma solution sur github: OrgChart.svg Ceci est un organigramme complet SVG moderne avec support de style personnalisé, possibilité de renverser/empiler sous la forme la plus connue. Je serais très heureux si cela aide quelqu'un. Il est basé sur snap.svg.