Diagramm mit ChatGPT: es schreibt, wir zeichnen

Was wir tatsächlich getestet haben

Am 28. August 2026 haben wir einen abgemeldeten ChatGPT in einer englischsprachigen Unterhaltung um ein fertig gerendertes Flussdiagramm einer Registrierung gebeten, herunterladbar als PNG oder SVG. Die Antwort:

“Image generation requires logging in. Once you’re logged in, I can generate the rendered signup flowchart for you.”

Sinngemäß: Bilderzeugung setzt eine Anmeldung voraus; danach werde das gerenderte Diagramm geliefert.

Danach haben wir dieselbe Unterhaltung nur noch um Mermaid-Code gebeten, sonst nichts. Es kam sofort das vollständige, syntaktisch gültige Flussdiagramm von oben zurück — sinnvolle Entscheidungsknoten, Rücksprünge auf den Fehlerpfaden, kein Konto, keine Wartezeit, kein Kontingent.

Damit ist die Sache im Grunde erzählt. Der schwierige Teil — einen unscharfen Ablauf im Kopf in einen korrekten Graphen mit den richtigen Knoten und Kanten zu übersetzen — ist genau der Teil, den ChatGPT kostenlos erledigt. Der leichte Teil, das Zeichnen, ist der Teil hinter der Anmeldung.

Prompts, die brauchbaren Code liefern

• Das Format ausdrücklich nennen. „Gib mir nur den Mermaid-Code, sonst nichts.“ verhindert drei Absätze Erklärung drumherum und den Griff zum Bildwerkzeug.
• Den Diagrammtyp benennen. flowchart TD für Abläufe, sequenceDiagram für Aufrufe zwischen Diensten, erDiagram für Datenmodelle, gantt für Termine. Wer den Typ vorgibt, bekommt kein Flussdiagramm, wo ein Sequenzdiagramm gemeint war.
• Das Original hineingeben. Fügen Sie die tatsächliche Funktion, Migration oder das Runbook ein und lassen Sie diagrammieren, was dort steht. Vorhandenen Code zu zeichnen ist deutlich genauer als eine Beschreibung davon zu zeichnen.
• Syntaxfehler zurückgeben. Scheitert das Rendern hier, kopieren Sie die Fehlermeldung zurück in den Chat. Mermaid-Syntaxfehler sind die eine Fehlerklasse, die zuverlässig im ersten Anlauf korrigiert wird.

Deutsche Beschriftungen, deutsche Dokumentation

ChatGPT antwortet auf eine deutsche Frage in aller Regel mit englischen Knotentexten, weil Mermaid-Beispiele überwiegend englisch sind. Das ist kein Problem: Beschriftungen sind reiner Text. Setzen Sie sie in Anführungszeichen — A["Nutzer öffnet die Registrierungsseite"] —, dann funktionieren Umlaute, Eszett, Leerzeichen und Satzzeichen ohne Weiteres. Die erste Vorlage oben ist genau das: dasselbe Diagramm, deutsch beschriftet.

Für den Weg vom Code ins Repository gibt es die GitHub-Dokumentation auf Deutsch: die Seite „Erstellen von Diagrammen“ unter docs.github.com/de erklärt im Abschnitt „Erstellen von Mermaid-Diagrammen“ den Codeblock mit der Sprachkennung mermaid, mit dem das Diagramm in README-Dateien, Issues, Pull Requests und Wikis direkt gerendert wird. Dort steht auch die Kurzfassung: „Mermaid ist ein von Markdown inspiriertes Tool, das Text in Diagrammen rendert.“ (abgerufen am 6. September 2026).

Warum Code ohnehin besser ist als ein Bild

Selbst wenn ChatGPT Ihnen ein fertiges PNG ausgäbe, wollten Sie es nicht. Ein Mermaid-Diagramm ist Text: es liegt im Repository neben dem Code, den es beschreibt, erscheint im Pull Request als lesbarer Diff, wird in einer README nativ gerendert und ist mit einer geänderten Zeile aktualisiert. Ein Bild ist eingefroren — für einen verschobenen Kasten fangen Sie von vorn an.

Weiterlesen: Flussdiagramm aus Text erstellen, Sequenzdiagramm zeichnen, Diagramm erstellen mit Mermaid, UML-Diagramm erstellen, Baumdiagramm für Wahrscheinlichkeiten.

Verhalten von ChatGPT am 28. August 2026 in einer abgemeldeten, englischsprachigen Unterhaltung geprüft; die Plan-Grenzen auf chatgpt.com/de-DE/pricing und die deutsche GitHub-Dokumentationsseite am 6. September 2026. Anbieter ändern solche Details häufig — bitte als Stand von diesem Datum lesen, nicht als Dauerzustand.