Est-il un bon IDE ou un éditeur WYSIWYG pour graphviz?

Question

En fait, j'ai téléchargé une interface graphique pour graphviz (ne me souviens pas du site), qui a dit qu'ils avaient gagné un Apple Design Award. Mais cet outil vraiment ne fournit qu'une *.dot fichier que j'ai créé. C'est tout. C'est simplement appelé "Graphviz"... je suppose qu'il y a de meilleurs outils autour de l'aide de Graphviz de la technologie.

J'ai essayé celui-ci: texte du lien

Bien qu'ils disent qu'ils ont gagné un Apple Design Award, je ne peux vraiment pas voir tout spécial GUI là. Mauvaise interface.

Answer 1

La version actuelle de Graphviz.app ne contient pas la "éditeur externe" bouton indiqué dans rampion la capture d'écran ci - dessus-Ou le Render/boutons-poussoirs d'Arrêt, et il a remplacé le bouton "paramètres" à "attributs". Cependant, il peut être utilisé comme décrit.

J'ai téléchargé 'graphviz-2.27.20101110.0545.pkg " de http://graphviz.org/Download_macos.php. Notez qu'il existe plusieurs endroits pour télécharger diverses choses qui s'appellent eux-mêmes Graphviz:

• http://graphviz.org/Download_macos.php
• http://graphviz.org/Download..php
• http://www.pixelglow.com/graphviz/download/

Utiliser la première, j'ai choisi le plus récent développement instantané - Un coup d'œil sur les listes de diffusion (intérêt et devel) révèlent que c'est encore assez active, que vous ne savez pas à partir de la pixelglow sites qui ont encore du "Contenu à venir bientôt" les messages à partir de 2004.

De toute façon, quand 2.27 est commencé, il jette un dialogue "Ouvrir". L'ouverture d'un .dot fichier affiche un graphique, mais l'annulation réduit vous à rien, mais une barre de menu. Ne vous effrayez pas, créez un fichier avec le texte

graph graphname {
}

et de l'appeler quelque chose.dot.

Ouvert que dans Graphviz, et vous obtenez une interface graphique avec un graphique vide:

Tapez du texte dans le fichier, comme ceci:

graph graphname {
  a -- b -- c -- d -- a;
  a -- c;
  b -- d;
}

Graphviz fenêtre automatiquement mises à jour lorsque vous enregistrer pour afficher ce:

Il ya une pléthore d'options dans les "Attributs" boîte à outils, mais on dirait qu'ils veulent que vous modifiez la source à la main. Je sorte de s'attendre", ajoute un sommet" et "Ajouter un bord de boutons, et la capacité de déplacer des sommets, mais ce n'est pas ce que c'est, apparemment.

Donc, apparemment, l'éditeur WYSIWYG est votre éditeur de texte favori sur un côté de l'écran, et Graphviz sur l'autre. S'agissant d'un IDE, on dirait que la meilleure chose pour l'instant est une impression de la documentation pour la DOT format. Pas tout le monde l'idée d'un éditeur WYSIWYG ou IDE, mais il fonctionne probablement pour les utilisateurs actifs.

Answer 2

Il y a un IDE en ligne, ici:

http://graphviz-dev.appspot.com/

Il met à jour un graphique en temps réel à côté d'un champ de type textarea dans lequel vous tapez le code graphique, et fournit des boutons pour enregistrer et charger des fichiers. Vous pouvez également choisir l'algorithme qu'il utilise.

Answer 3

Graphviz.app a une commande pour ouvrir la dot fichier dans un éditeur externe. Si vous l'utiliser, il surveillera le descripteur de fichier pour les changements, et de mettre à jour le graphique après chaque fois que vous enregistrez dans l'éditeur externe. C'est comment vous pouvez l'obtenir pour fonctionner comme une interface WYSIWYG.

Le bouton "Modifier" dans le coin supérieur gauche, à côté de "Paramètres".

En fait, il surveille le descripteur de fichier continally de toute façon, donc ce que je fais est d'ouvrir le fichier dot dans Graphviz.app, le feu jusqu'à vim et de modifier le dotfile (avec set backupcopy=yes) et de regarder le graphique de mise à jour après chaque :w.

Answer 4

Pas exactement ce que vous demandez pour - mais le potentiel de ces projets, dont je vais parler est assez énorme - comme un graphviz fan j'ai été vraiment étonné de ce qui est maintenant possible.

La petite histoire:

• http://ushiroad.com/jsviz/ - ushiroad cuit jusqu'à ce ptit gars. À l'aide de la Emscripten projet il cross-compilé assez de graphviz pour obtenir la mise en page et de base nœud trucs comme une application javascript pure. Vous devez cliquer sur le petit bouton avec une flèche en bas à droite du POINT src cadre.

Le seul bas-côté (ce qui ne diminue en rien l'awesomeness de portage graphviz pour javascript) est la limitation sur ce que vous pouvez faire avec lui. il est fondamentalement juste point de mise en page avec un couple principal en forme de nœuds - ne supporte pas la couleur. etc.

L'auteur a été assez extraordinaire pour télécharger son travail à github, https://github.com/gyuque/livizjs

• https://github.com/mdaines/viz.js - regarde comme il l'a pris pour le prochain niveau, à partir de la page d'exemple , il semble qu'vis.js peut faire tout ce que la version standard de graphviz peut le faire, mais le tout dans votre navigateur.

Donc, si vous êtes si incliné, vous pourriez assez facilement prendre un léger (mais pro!) en navigateur éditeurs comme CodeMirror (il a vi support clé) et de monter un "rendu" bouton comme jsviz.

Donc.. pas exactement ce que vous cherchez. Mais holy moly pour la personne qui passe un peu de temps sur ce problème - une prime de basé sur le web côté client, outils de traçage vous attendent.