it-swarm.com.de

Gibt es etwas Gutes? IDE oder WYSIWYG-Editor für graphviz?

Eigentlich hatte ich eine GUI für graphviz heruntergeladen (erinnere mich nicht an die Seite), die besagte, dass sie einen Apple Design Award gewonnen hatten. Aber dieses Tool zeigt wirklich nur eine * .dot-Datei an, die ich erstellt habe. Das ist es. Es heißt einfach "Graphviz" ... Ich vermute, dass es bessere Tools für die Verwendung der Graphviz-Technologie gibt.

Ich habe folgendes ausprobiert: Linktext

Obwohl sie sagen, dass sie einen Apple Design Award gewonnen haben, sehe ich dort wirklich keine spezielle Benutzeroberfläche. Sehr schlechte Schnittstelle.

31
Thanks

Die aktuelle Version von Graphviz.app enthält nicht die Schaltfläche "Externer Editor", die in Screenshot von rampion oben angezeigt wird. Oder die Schaltflächen "Rendern/Stoppen". Die Schaltfläche "Einstellungen" wurde durch "Attribute" ersetzt. Es kann jedoch wie beschrieben verwendet werden. 

Ich habe 'graphviz-2.27.20101110.0545.pkg' von http://graphviz.org/Download_macos.php heruntergeladen. Beachten Sie, dass es verschiedene Stellen gibt, an denen Sie verschiedene Dinge herunterladen können, die sich Graphviz nennen: 

Verwenden Sie den ersten, wählte ich den neuesten Entwicklungs-Snapshot - Ein Blick auf die Mailing-Listen ( interest und devel ) zeigt, dass er noch ziemlich aktiv ist, von dem Sie nichts wissen würden Die pixelglow-Websites, auf denen noch "Content coming soon" -Meldungen von 2004 erscheinen.

Wenn 2.27 gestartet ist, wird ein "Öffnen" -Dialogfeld angezeigt. Wenn Sie eine .dot-Datei öffnen, wird eine Grafik angezeigt, aber das Abbrechen reduziert Sie auf eine Menüleiste. Seien Sie nicht bestürzt, erstellen Sie eine Datei mit dem Text 

graph graphname {
}

und nenne es etwas. 

Öffnen Sie das in Graphviz, und Sie erhalten eine grafische Benutzeroberfläche mit einem leeren Diagramm: 

alt text

Geben Sie etwas mehr Text in die Datei ein:

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

Das Graphviz-Fenster wird beim Speichern automatisch aktualisiert, um Folgendes anzuzeigen:

alt text

Es gibt eine Vielzahl von Optionen in der Toolbox "Attribute", aber es sieht so aus, als würden Sie die Quelle manuell bearbeiten. Ich erwartete gewissermaßen die Schaltflächen "Vertex hinzufügen" und "Rand hinzufügen" und die Möglichkeit, Vertices zu verschieben, aber darum geht es anscheinend nicht.

Anscheinend ist der WYSIWYG-Editor Ihr bevorzugter Texteditor auf der einen Seite des Bildschirms und Graphviz auf der anderen Seite. Was ein IDE betrifft, so scheint es, dass das Beste, was derzeit verfügbar ist, ein Ausdruck der Dokumentation für das DOT-Format ist. Nicht jedermanns Idee eines WYSIWYG-Editors oder einer IDE, aber es funktioniert wahrscheinlich für aktive Benutzer.

21
Kevin Vermeer

Graphviz.app hat einen Befehl zum Öffnen der aktuellen Punktdatei in einem externen Editor. Wenn Sie das verwenden, wird das Dateihandle auf Änderungen überwacht und das Diagramm nach jedem Speichern im externen Editor aktualisiert. So können Sie es als WYSIWYG-Schnittstelle verwenden.

graphviz

Die Schaltfläche "Bearbeiten" befindet sich in der oberen linken Ecke neben "Einstellungen".

Eigentlich überwacht es das Datei-Handle trotzdem ohnehin, also öffne ich die dot-Datei in Graphviz.app, starte vim und bearbeite das dotfile (mit set backupcopy=yes) und beobachte das Diagramm-Update nach jedem :w.

9
rampion

Nicht genau das, wonach Sie fragen - aber das Potenzial der Projekte, die ich erwähnen möchte, ist ziemlich groß. Als Graphviz-Fan war ich wirklich erstaunt, was jetzt möglich ist.

Die kurze Geschichte:

  • http://ushiroad.com/jsviz/ - ushiroad hat diesen kleinen Kerl gekocht. Mit dem Emscripten-Projekt kompilierte er genug von graphviz, um das Layout und die grundlegenden Knoten als reine Javascript-App zu erhalten. Sie müssen auf die kleine Schaltfläche mit dem runden Pfeil rechts unten im DOT-Frame klicken.

Der einzige Nachteil (der in keiner Weise die Attraktivität des Portierens von Graphviz nach Javascript mindert) ist die Einschränkung dessen, was Sie damit machen können. Es ist im Grunde nur ein Punkt-Layout mit ein paar primär geformten Knoten - unterstützt keine Farbe. usw.

Der Autor war großartig genug, um seine Arbeit auf github hochzuladen, https://github.com/gyuque/livizjs

Wenn Sie also geneigt wären, könnten Sie einen der leichtgewichtigen (aber professionellen!) In-Browser-Editoren wie CodeMirror (es hat vi-Key-Unterstützung) verwenden - und einen 'Rendern'-Button wie jsviz verwenden .

Also nicht genau das, wonach du gesucht hast. Aber das Allerbeste für die Person, die ein wenig Zeit mit diesem Problem verbringt - eine Fülle von webbasierten, clientseitigen Grafiktools erwarten Sie.

7

Die ausgezeichneten OmniGraffle können * .dot-Dateien importieren, aber ich glaube nicht, dass Sie sie umherblättern und die bearbeiteten Ergebnisse nativ als Punktdatei exportieren können. 

3
user100977

Es gab eine UI namens dotty. Ich kann mich nicht erinnern, dass es sehr nett zu benutzen ist.

http://linux.die.net/man/1/dotty

2
philcolbourn

Pixelglow Sieht aus wie die Site, auf die Sie sich beziehen. 

Ich stelle fest, dass sie jetzt eine IPhone-fähige Lösung anbieten (!)

1
Brian Agnew

Eine andere Lösung könnte tintfu sein. Leider können Sie den Quellcode nicht direkt bearbeiten.

0
exhuma