Zum Inhalt springen
CompanyWizard

Visuelle Antworten: Diagramme & Charts

Alle

Im Chat beantwortet die KI manche Fragen nicht nur mit Text, sondern visuell: Sie zeichnet Struktur und Abläufe als Diagramm und quantitative Daten als interaktives Chart. Das geschieht von selbst — Sie müssen kein Format verlangen, eine treffende Bitte genügt (gezielt anstoßen können Sie es trotzdem, siehe Anwendungsbeispiele).

Wann Diagramm, wann Chart?

Section titled “Wann Diagramm, wann Chart?”
  • Struktur & Ablauf → Diagramm (Mermaid). Prozesse, Beziehungen, Zustände, Klassen — alles, was zusammenhängt, aber keine Messwerte sind.
  • Quantitative Daten → Chart. Zahlen, die man vergleicht oder über die Zeit verfolgt.

Die KI wählt das Passende selbst anhand Ihrer Frage.

Diagramme (Mermaid)

Section titled “Diagramme (Mermaid)”

Die KI kann fünf Diagrammtypen rendern:

  • Flussdiagramm — Abläufe und Verzweigungen Schritt für Schritt.
  • Sequenzdiagramm — wer mit wem in welcher Reihenfolge kommuniziert.
  • Klassendiagramm — Objekte/Entitäten mit ihren Feldern und Beziehungen.
  • Zustandsdiagramm — die Zustände eines Objekts und die Übergänge dazwischen.
  • ER-Diagramm — Entitäten und ihre Beziehungen (Datenmodell).

Ein im Chat gerendertes Mermaid-Sequenzdiagramm des OAuth-Authorization-Code-Flows.

Beispiel: Auf die Bitte „… als Sequenzdiagramm darstellen” rendert die KI direkt ein Diagramm im Chat.

Charts (quantitative Daten)

Section titled “Charts (quantitative Daten)”

Drei Chart-Typen stehen zur Verfügung:

  • Balkendiagramm (bar) — Werte über Kategorien vergleichen.
  • Liniendiagramm (line) — einen Verlauf über die Zeit zeigen.
  • Kreisdiagramm (pie) — Anteile an einem Ganzen.

Charts werden als interaktive Diagramme dargestellt, nicht als statisches Bild.

Ein im Chat gerendertes Balkendiagramm „Umsatz nach Quartal" für Q1 bis Q4.

Beispiel: „Vergleiche den Umsatz der Quartale Q1–Q4 … als Balkendiagramm” ergibt ein interaktives Chart.

Sicheres Degradationsverhalten

Section titled “Sicheres Degradationsverhalten”

Visuelle Antworten scheitern nie hart:

  • Ungültiges Diagramm/Chart → die KI zeigt stattdessen den zugrunde liegenden Code-Block (mit dezentem Hinweis bei Charts). Kein Absturz, keine leere Antwort.
  • Word-Export → ein Chart wird im Dokument zu einem lesbaren Code-Block degradiert, damit das Dokument vollständig bleibt.

In der Wissensbasis speichern

Section titled “In der Wissensbasis speichern”

Eine visuelle Antwort lässt sich über die Antwort-Toolbar direkt in die Wissensbasis übernehmen. → Eine Chat-Antwort in die Wissensbasis übernehmen

  • Beim Öffnen rendert der Wissensbasis-Viewer das Diagramm bzw. Chart identisch wie im Chat.
  • Der Quelltext der Antwort bleibt erhalten und wird von der Suche (RAG) indiziert — die KI findet den Inhalt später wieder.

Grenzen & Hinweise

Section titled “Grenzen & Hinweise”
  • Keine freien interaktiven HTML/JS-Inhalte — bewusst auf die genannten Diagramm-/Chart-Typen begrenzt (freie Artefakte sind ein späteres Thema).
  • Desktop: Diagramme und Charts rendern auch offline.
  • Aus Sicherheitsgründen wird von der KI oder aus der Wissensbasis stammendes HTML vor dem Anzeigen bereinigt.

Verwandt

Section titled “Verwandt”