Bibliothèque pour Toile/SVG web de l'arbre graphiques avec l'algorithme de mise en page?
Je suis à la recherche d'une bibliothèque qui peut attirer l'interactif (c'est à dire cliquable nœuds) de l'arbre de graphiques.
Quelque chose comme ça, mais avec le texte du nœud de boîtes (c'est à dire les noeuds variable, la largeur et la hauteur).
Canviz n'a pas une version stable, et à partir de ce que je peux dire ProtoVis ne peut pas faire les nœuds de texte et ne peut le faire seul parent nœuds avec arbre de mises en page. Quelqu'un au courant de toutes les bibliothèques pour ce faire, dans un navigateur?
- J'ai cherché une solution similaire et ne pouvais pas trouver toutes. Je pense que la recherche de bibliothèques similaires dans d'autres langues est le chemin à parcourir.
- avez-vous faire un peu de travail sur ce sur votre propre dans l'intervalle? J'ai le même problème
- Peur de ne pas, le patron a décidé d'aller pour une solution de bureau, afin de l'utiliser JGraph (qui a un équivalent Javascript, mais un coût de licence de 5000€).
Vous devez vous connecter pour publier un commentaire.
Une base de l'arbre digramme tutoriel (vous pouvez agrandir cette pour obtenir ce que vous voulez)
http://www.codeproject.com/KB/scripting/graphic_javascript_tree.aspx
Ces ressources supplémentaires que vous voudrez peut-être prendre un coup d'oeil à l' =)
http://www.graphviz.org/Theory.php
http://directory.google.com/Top/Science/Math/Combinatorics/Software/Graph_Drawing/
Espère vraiment voir cela en javascript dans le futur, je suis moi aussi tout à fait un peu juste de l'utilisation de telles classes =P
Vous pouvez être intéressé par Cytoscape.js-open-source JS graphique de visualisation et d'analyse de la bibliothèque. Il a intégré dans les gestes, le support pour les périphériques tactiles, et une API riche que vous pouvez utiliser pour l'intégrer dans votre webapp.
http://js.cytoscape.org
Cytoscape.js a un haut-
breadthfirst
mise en page pour les arbres et les groupes de disponibilité, et cette mise en page est très efficace de l'espace.Il y a aussi le
cytoscape-dagre
extension pour Cytoscape.js, qui permet l'utilisation de l'excellente Dagre arbre/DAG algorithme de mise en page: https://github.com/cytoscape/cytoscape.js-dagreDagre produit des résultats esthétiques.
Disclaimer: je travaille sur Cytoscape.js
Avez-vous regardé JIT encore? J'ai fait un peu de travail avec leurs radial graphique, et c'était un jeu d'enfant.
Depuis l'image dans le post original est en fait créé par un produit de la même famille de produits, je voudrais ajouter que "yFiles HTML" est disponible dans le commerce, aussi, depuis 2012.
L'image ci-dessus a été généré par le Java variante de la bibliothèque. La bibliothèque Javascript variante prend en charge tous les algorithmes de disposition que le Java variante prend en charge, avec les mêmes propriétés et les capacités de personnalisation. Ils sont mis en œuvre en Javascript et ne nécessitent pas un composant active server.
La bibliothèque utilise le SVG comme l'interface de rendu par défaut, mais la Toile en fonction des rendus peuvent être inclus, trop.
Voir cette démo live du navigateur pour un exemple qui montre un graphique similaire (HTML5 navigateur capable nécessaire).
Avertissement: je travaille pour la société qui crée de la bibliothèque, mais sur SO/SE, je ne représente pas mon employeur.
Cette question est assez vieux et assez haut dans les résultats de Google donc, j'ai pensé le mettre à jour. GraphVis fait exactement ce que vous voulez dans un bureau, java swing basée sur l'app, mais ce n'est pas l'idéal. Leur description est hiérarchique graphique. J'ai Cherché sur google et suis tombé sur dagre qui est construit sur d3. http://cpettitt.github.io/project/dagre-d3/latest/demo/tcp-state-diagram.html
JIT peut être fait pour le faire, mais il est très lourd et fragile.