Est-ce qu'il y a du bon IDE ou éditeur WYSIWYG pour graphviz?
En fait, j'avais téléchargé une interface graphique pour graphviz (ne me souviens pas du site), qui indiquait avoir remporté un Apple Design Award. Mais cet outil n'affiche qu'un fichier * .dot que j'ai créé. C'est tout. Cela s'appelle simplement "Graphviz" ... Je suppose qu'il existe de meilleurs outils pour utiliser la technologie Graphviz.
J'ai essayé celui-ci: link text
Bien qu'ils disent avoir remporté un Apple Design Award, je ne vois vraiment aucune interface graphique spéciale à cet endroit. Très mauvaise interface.
La version actuelle de Graphviz.app ne contient pas le bouton "éditeur externe" indiqué dans la capture d'écran de rampion ci-dessus - ni les boutons Render/Stop. Il a remplacé le bouton "paramètres" par "attributs". Cependant, il peut être utilisé comme décrit.
J'ai téléchargé 'graphviz-2.27.20101110.0545.pkg' depuis http://graphviz.org/Download_macos.php . Notez qu'il existe plusieurs endroits pour télécharger diverses choses qui s'appellent Graphviz:
- http://graphviz.org/Download_macos.php
- http://graphviz.org/Download..php
- http://www.pixelglow.com/graphviz/download/
Utilisez le premier, j’ai choisi l’instantané de développement le plus récent - Un coup d’œil sur les listes de diffusion ( interest et devel ) révèle qu’il est toujours assez actif, ce que vous ne sauriez pas dire sur les sites pixelglow que toujours des messages "Contenu à venir" de 2004.
Quoi qu'il en soit, lorsque la 2.27 est démarrée, une boîte de dialogue "Ouvrir" apparaît. Ouvrir un fichier .dot affichera un graphique, mais son annulation ne vous réduira qu’à une barre de menus. Ne soyez pas consterné, créez un fichier avec le texte
graph graphname {
}
et appelez ça quelque chose.dot.
Ouvrez cela dans Graphviz et vous obtenez une interface graphique avec un graphique vide:
Tapez un peu plus de texte dans le fichier, comme ceci:
graph graphname {
a -- b -- c -- d -- a;
a -- c;
b -- d;
}
La fenêtre Graphviz se met automatiquement à jour lorsque vous enregistrez pour afficher ceci:
Il y a une pléthore d'options dans la boîte à outils "Attributs", mais il semble qu'elles veuillent que vous modifiiez la source à la main. J'attendais en quelque sorte les boutons "Ajouter un sommet" et "Ajouter un bord", ainsi que la possibilité de déplacer des sommets, mais ce n'est apparemment pas ce dont il s'agit.
Donc, apparemment, l'éditeur WYSIWYG est votre éditeur de texte préféré d'un côté de l'écran et Graphviz de l'autre. En ce qui concerne un IDE, il semble que la meilleure chose actuellement disponible est une impression du format documentation du format DOT. Tout le monde n'a pas l'idée d'un éditeur WYSIWYG ou d'un IDE, mais cela fonctionne probablement pour les utilisateurs actifs.
Graphviz.app a une commande pour ouvrir le fichier de points actuel dans un éditeur externe. Si vous l'utilisez, il surveillera les modifications apportées au descripteur de fichier et mettra à jour le graphique après chaque enregistrement dans l'éditeur externe. Voilà comment vous pouvez le faire fonctionner comme une interface WYSIWYG.
Le bouton "Modifier" est dans le coin supérieur gauche, à côté de "Paramètres".
En fait, il surveille continuellement le descripteur de fichier, donc ce que je fais est d’ouvrir le fichier de points dans Graphviz.app, d’activer vim et d’éditer le fichier de points (avec set backupcopy=yes) et de regarder la mise à jour du graphique après chaque :w.
Ce n’est pas exactement ce que vous demandez - mais le potentiel des projets que je vais mentionner est assez énorme - en tant que fan de graphviz, j’ai été vraiment étonné de ce qui est maintenant possible.
La courte histoire:
- http://ushiroad.com/jsviz/ - ushiroad a concocté ce petit gars. En utilisant le projet Emscripten, il a compilé suffisamment de graphviz pour obtenir des éléments de mise en page et de nœud de base sous forme d'application javascript pure. Vous devez cliquer sur le petit bouton en forme de flèche ronde en bas à droite du cadre DOT src.
Le seul inconvénient (qui ne diminue en rien l’intérêt du portage de graphviz sur javascript) est la limitation de ce que vous pouvez en faire. c'est fondamentalement juste une disposition de points avec un couple de noeuds en forme primaire - ne supporte pas la couleur. etc.
L'auteur était assez génial pour télécharger son travail sur github, https://github.com/gyuque/livizjs
- https://github.com/mdaines/viz.js - semble avoir été porté au niveau supérieur, à partir de la page de démonstration il semble que vis.js puisse tout faire avec la version standard de graphviz peut faire, mais tout dans votre navigateur.
Donc, si vous le vouliez - vous pourriez facilement prendre l’un des éditeurs légers (mais pro!) Dans les navigateurs tels que CodeMirror (il supporte la clé vi) - et configurer un bouton de "rendu" comme jsviz. .
Donc .. pas exactement ce que vous cherchiez. Mais sainte moly pour la personne qui passe un peu de temps sur ce problème - une prime d'outils Web graphiques basés sur le client attendent.
L'excellent OmniGraffle peut importer des fichiers * .dot, mais malheureusement, je ne pense pas que vous puissiez aller-retour et exporter les résultats modifiés sous forme de fichier de points de manière native.
Il y avait une interface utilisateur appelée Dotty. Je ne me souviens pas que c'était très agréable à utiliser.
Pixelglow ressemble au site dont vous parlez.
Je note qu'ils offrent maintenant une solution compatible IPhone (!)
Une autre solution pourrait être tintfu . Malheureusement, cela ne vous permet pas de modifier directement le code source.