Flowcharts aus Zeichenketten erzeugen

• Open-Source-Web-App, die allein durch Texteingabe Flussdiagramme zeichnet

→ eine Node pro Zeile

→ mit Einrückung werden Child-Nodes erstellt

→ mit : lassen sich Labels für Verbindungslinien festlegen

→ über Zeilennummern wie (1) ist eine Verbindung zu anderen Zeilen möglich

• Das erzeugte Diagramm kann per Maus in der Position angepasst werden

• Download als SVG wird unterstützt

• TypeScript + Cytoscape.js + React

[deadcat]

Meine persönliche Empfehlung wäre vscode + mermaidJS-Preview.

https://marketplace.visualstudio.com/items/…

Wenn man mermaidJS verwendet, wird es auch in GitLab-/GitHub-Markdown gerendert, sodass man es auch im Repository-Web leicht ansehen kann.

https://mermaid-js.github.io/mermaid/#/

Um es in einer Web-App einfach zu zeichnen, gibt es einen Live-Editor.

https://mermaid-js.github.io/mermaid-live-editor/#/edit/