graphviz visual editor

Graphviz-visual-Eduor

Probieren Sie es unter http://magjac.com/graphviz-visual-editor.

Eine Webanwendung zur interaktiven visuellen Bearbeitung von Graphviz -Diagrammen, die in der Punktsprache beschrieben wurden.

Installation

 git clone https://github.com/magjac/graphviz-visual-editor
cd graphviz-visual-editor
npm install
make
npm run start

Hinweis: Die Make -Bühne gibt einige Warnungen aus. Ignoriere sie.

Um einen optimierten Build der Anwendung zu erstellen:

 npm run build

Erfahren Sie mehr über die Anleitung für die React -App Create React Readme und Benutzer.

Implementierte Funktionen

• Darstellung einer Grafik aus einer Textdot -Darstellung.
• Schwung und Zoomen des Diagramms.
• Bearbeiten der Punktquelle in einem kontextsensitiven Texteditor.
• Visuelle Bearbeitung des Diagramms durch Maus -Interaktionen:
  • Fügen Sie Knotenformen durch Klick oder Drag-and-Drop ein.
  • Wählen Sie den Standard -Knotenstil, die Farbe und das FillColor.
  • Zeichnen Sie Kanten zwischen Knoten.
  • Wählen Sie Knoten und Kanten per Klick oder nach Bereich Drag und markieren Sie sie im Texteditor.
  • Löschen Sie ausgewählte Knoten und Kanten.
  • Schneiden Sie einen ausgewählten Knoten aus/kopieren und pasten.
• Automatische Aktualisierung der Punktquelle, wenn das Diagramm visuell bearbeitet wird.
• Automatische Aktualisierung der Grafik, wenn die Punktquelle bearbeitet wird.
• Animierter Übergang der Grafik in einen neuen Zustand, wenn Änderungen vorgenommen werden.
• Erhaltung der Punktquelle und des Anwendungszustands während der Seite Nachladen durch automatische Speichern und Relie für/vom lokalen Speicher im Browser.
• Exportieren Sie die Grafik als URL und importieren Sie die Grafik aus einer solchen URL.
• Exportieren Sie die Grafik als SVG.
• Optionen:
  • Passen Sie das Diagramm automatisch in den verfügbaren Zeichenbereich ein.
  • Wählen Sie GraphViz Layout Engine.
• Online-Hilfe:
  • Tastaturverknüpfungen
  • Maus -Interaktionen

Getestete Browser

• Firefox 71
• Chrom 79

Bekannte Probleme

Bekannte Probleme sind hier nicht aufgeführt .

Alle bekannten Fehler und Verbesserungsanforderungen werden als Probleme auf GitHub gemeldet und unter der Registerkarte "Probleme" aufgeführt.

Alle offenen Probleme

Listet sowohl Fehler als auch Verbesserungsanforderungen auf.

Bekannte offene Fehler

Offene Verbesserungsanfragen

Bekannte Einschränkungen

Eine Einschränkung ist eine absichtlich freigegebene Funktion ohne vollständige Funktionalität. Eine Einschränkung wird sowohl als Fehler als auch als Verbesserungsanfrage klassifiziert, um widerzuspiegeln, dass sie zwar eine noch nicht implementierte Verbesserung aus der Sicht des Autors implementiert, aber aus Sicht des Benutzers als Fehler wahrgenommen werden könnte.

Geschlossene Probleme

Roadmap

Es fehlen zahlreiche coole Funktionen. Sie werden oder werden als Verbesserungsanfragen auf GitHub aufgeführt.

Es gibt auch ein Projektboard, das die kurzfristigen Aktivitäten zeigt.