Anwenderdokumentation: KI-gestützter Diagramm-Generator#

1. Einsatzzweck#

Der KI-gestützte Diagramm-Generator ist ein Werkzeug zur automatischen Erstellung technischer Diagramme aus natürlichsprachlichen Beschreibungen oder strukturierten Daten. Das System kombiniert eine Chat-Schnittstelle mit einem mehrstufigen Validierungsprozess, um syntaktisch korrekte und visuell ansprechende Diagramme zu erzeugen.

Grundprinzip: Sie beschreiben in natürlicher Sprache, welches Diagramm Sie benötigen, oder laden strukturierte Daten hoch. Das System analysiert Ihre Eingabe, wählt den passenden Diagrammtyp aus und generiert den entsprechenden Code. Eine integrierte Validierungs-Pipeline prüft und korrigiert Syntaxfehler automatisch, bevor das Diagramm gerendert wird.

2. Funktionsumfang#

Kernen-Funktionen:

  • Natürlichsprachliche Diagrammerstellung: Beschreiben Sie Ihr Diagramm im Chat, das System wählt automatisch den geeigneten Typ
  • 12 Diagrammtypen: Flowchart, Mindmap, Organigramm, Gantt-Chart, Sequenzdiagramm, Swimlane, Kanban-Board, State-Diagramm, ER-Diagramm, Netzwerk-Graph, Pie-Chart, User-Journey
  • Smart Data Processing: Automatische Erkennung und Konvertierung verschiedener Datenformate (CSV, JSON, eingerückte Listen, Markdown)
  • Template-Bibliothek: Über 40 vordefinierte Vorlagen für Business-, Technik- und Projektdiagramme
  • Code-Editor mit Undo-Funktion: Manuelle Nachbearbeitung generierter Diagramme mit Rückgängig-Möglichkeit
  • Automatische Validierung: Mehrstufige Syntax-Prüfung mit selbstständiger Fehlerkorrektur
  • Export-Optionen: Speichern als SVG, PNG oder Quellcode
  • Session-Management: Arbeitsstand speichern und später fortsetzen

3. Bedienung#

Schritt 1: Daten bereitstellen

Sie haben drei Möglichkeiten, Ausgangsdaten einzugeben:

  • Manuelle Eingabe: Strukturierte Daten im linken Textfeld (z.B. eingerückte Hierarchien)
  • Datei-Upload: CSV- oder JSON-Dateien hochladen (max. 10 MB)
  • Template wählen: Vordefinierte Vorlage aus Dropdown-Menü auswählen

Schritt 2: Diagramm beschreiben

Formulieren Sie im Chat-Feld, welches Diagramm Sie benötigen. Beispiele:

  • “Erstelle ein Organigramm aus den Daten”
  • “Zeige einen Prozessablauf für die Modulanmeldung”
  • “Erstelle ein Kanban-Board mit Backlog, In Progress und Done”

Schritt 3: Auswahl und Verfeinerung

Das System generiert 1-3 Diagramm-Vorschläge. Sie können:

  • Ein Diagramm anklicken, um es für den Export auszuwählen
  • Im Chat Änderungswünsche formulieren: “Füge eine weitere Ebene hinzu”
  • Den Code im rechten Editor manuell anpassen und mit “Render” neu rendern

Schritt 4: Export

Wählen Sie das gewünschte Format (SVG, PNG, Code) und klicken Sie “Export Ausgewähltes” oder “Export Alle”.

Wichtige Bedienelemente:

  • Smart Convert: Konvertiert Ihre Eingabedaten automatisch in ein für Diagramme optimiertes Format
  • Undo-Button: Macht die letzte Code-Änderung rückgängig (max. 50 Schritte)
  • Render-Button: Aktualisiert die Diagramm-Vorschau nach manuellen Code-Änderungen
  • Historie-Galerie: Zeigt frühere Diagramme; Klick stellt ein Diagramm wieder her

Besondere Hinweise:

  • Dateigrößen-Limit: 10 MB
  • Unterstützte Formate: CSV (mit Komma oder Tab), JSON, eingerückte Listen, Markdown-Listen
  • Bei manuellen Code-Änderungen: Render-Button klicken, Auto-Rendering ist deaktiviert
  • Mermaid-Syntax beachten: Node-IDs ohne Sonderzeichen, Labels ohne Anführungszeichen

4. Anwendungsbeispiel#

Ausgangssituation:

Ein Lehrstuhl möchte die organisatorische Struktur für eine neue Forschungsgruppe visualisieren. Die Hierarchie liegt als eingerückte Liste vor:

Projektleitung
  Arbeitspaket 1: Datenerhebung
    Doktorand A
    Studentische Hilfskraft
  Arbeitspaket 2: Modellierung
    Doktorand B
    Postdoc
  Arbeitspaket 3: Evaluation
    Doktorand C

Vorgehensweise:

  1. Die Liste in das linke Datenfeld kopieren
  2. Im Chat eingeben: “Erstelle ein Organigramm für die Forschungsgruppe”
  3. Das System erkennt das Format und generiert ein hierarchisches Diagramm
  4. Auswahl eines der Vorschläge durch Klick
  5. Optional: Im Code-Editor Namen anpassen (z.B. “Doktorand A” → “Dr.-Kand. Schmidt”)
  6. “Render” klicken, um Änderungen zu übernehmen
  7. Export als SVG für Verwendung in Präsentationen

Ergebnis:

Ein strukturiertes Organigramm mit klar erkennbaren Hierarchieebenen, das direkt in LaTeX-Dokumente oder PowerPoint-Präsentationen eingebunden werden kann.

5. Empfehlungen für die effiziente Nutzung#

Datenaufbereitung:

  • Verwenden Sie klare, konsistente Bezeichnungen in Ihren Eingabedaten
  • Bei Hierarchien: Einrückung mit 2 oder 4 Leerzeichen
  • Bei CSV: Spaltenüberschriften angeben (“Von”, “Nach” für Beziehungen)
  • Nutzen Sie “Smart Convert” bei unsauberen Datenformaten

Diagrammerstellung:

  • Beginnen Sie mit einem Template und passen Sie es an
  • Formulieren Sie präzise Chat-Anfragen: “Erstelle ein Sequenzdiagramm für den Login-Prozess mit Client, Server und Datenbank”
  • Bei komplexen Diagrammen: Schrittweise verfeinern statt alles auf einmal
  • Nutzen Sie die Undo-Funktion beim Experimentieren mit Code-Änderungen

Qualitätssicherung:

  • Prüfen Sie generierte Diagramme auf fachliche Korrektheit
  • Bei Validierungsfehlern: Lassen Sie das System automatisch korrigieren (erfolgt in der Regel ohne Nutzereingriff)
  • Für finale Versionen: Export als SVG (beste Qualität und Skalierbarkeit)

Workflow-Optimierung:

  • Speichern Sie häufig verwendete Diagramme als Template
  • Nutzen Sie die Session-Export-Funktion bei längeren Arbeitssitzungen
  • Aktivieren Sie die Historie-Galerie, um frühere Versionen schnell wiederherzustellen

6. Systemgrenzen#

Das Tool kann nicht:

  • Fachliche Korrektheit oder Vollständigkeit von Diagramminhalten garantieren (Verantwortung liegt beim Nutzer)
  • Bilder oder handschriftliche Skizzen als Eingabe verarbeiten
  • Diagramme mit mehr als ~50 Knoten/Elementen performant rendern
  • Ohne externe LLM-API funktionieren (lokale Installation erforderlich)
  • Automatisch semantische Beziehungen aus unstrukturiertem Fließtext extrahieren

Wichtige Einschränkungen:

  • Rendering-Qualität abhängig von installierter Mermaid CLI (optional, aber empfohlen)
  • Token-Limits der LLM-API begrenzen Komplexität einzelner Anfragen
  • DrawIO und Python-Gantt nur als experimentelle Features (Mermaid ist Hauptformat)
  • Keine Echtzeit-Kollaboration (Einzelnutzer-System)
  • Keine Versionskontrolle für Diagramme (manuelle Session-Exports erforderlich)

7. Zusammenfassung#

Der KI-gestützte Diagramm-Generator ist ein Werkzeug zur effizienten Erstellung technischer Visualisierungen im akademischen und wissenschaftlichen Kontext. Durch die Kombination von natürlichsprachlicher Eingabe, automatischer Validierung und manueller Nachbearbeitungsmöglichkeit erreicht das System eine Balance zwischen Automatisierung und Nutzerkontrolle.

Kernaussage: Sie behalten die fachliche Kontrolle über Inhalt und Struktur Ihrer Diagramme, während das System die technische Umsetzung und Syntaxkorrektheit übernimmt. Die automatische Validierungs-Pipeline mit ~95% Erfolgsrate reduziert manuelle Korrekturaufwände erheblich, ersetzt aber nicht die inhaltliche Prüfpflicht durch den Nutzer.

Backward Chat Doc Forward