Visuelle Antworten

Nicht nur Text: Diagramme, die zu Wissen werden.

Der Chat antwortet nicht nur mit Text. Er rendert Mermaid-Diagramme und Syncfusion-Charts — sicher und deklarativ statt als freie HTML-Artefakte. Was im Chat entsteht, sieht in der Wissensbasis genauso aus, lässt sich als Bild exportieren und per Klick als durchsuchbare Notiz dauerhaft speichern.

Eine Wand aus Text erklärt manches schlecht

Die meisten LLM-Chats liefern eine Wand aus Text. Für eine Erklärung reicht das oft, für einen Ablauf, eine Architektur oder eine Zahlenreihe selten — dort sagt ein Diagramm mehr als drei Absätze.

Der verbreitete Weg, Visuelles zu erzeugen, sind freie HTML- oder JavaScript-Artefakte. Das ist flexibel, führt aber fremden Code aus einer Modell- oder Wissensbasis-Antwort im Browser aus — eine offene Tür für Sicherheitsprobleme. Und selbst eine gelungene Grafik ist nach dem Schließen des Chats verloren.

Sicher-deklarativ, konsistent, dauerhaft

CompanyWizard beschreibt visuelle Inhalte deklarativ, nicht als ausführbaren Code: Mermaid für Abläufe und Schemata, eine schlanke Chart-Notation für Zahlen. Jede Ausgabe durchläuft zusätzlich eine Bereinigung, die aktive Bestandteile wie Skripte entfernt, während eingebettete Bilder erhalten bleiben. Beschreibt das Modell ein Chart einmal ungültig, degradiert die Ausgabe sauber zu einem lesbaren Codeblock, statt die Antwort zu brechen.

Chat und Wissensbasis nutzen dieselbe Render-Komponente — was Sie im Chat sehen, sieht gespeichert genauso aus. Über „In KB speichern" wird die ganze Antwort samt Diagrammen zur durchsuchbaren Notiz (Vault-Picker, rollenbasierter Schreibweg), und per Export landet sie als Bild im Firmenlayout in PDF oder Word.

Aus Zahlen wird auf Wunsch ein interaktives Diagramm — hier der Quartalsumsatz aus dem Firmenwissen.
Balkendiagramm des Quartalsumsatzes Q1–Q4 2025, im Chat gerendert.
Aus einem beschriebenen Prozess wird ein Flussdiagramm — direkt im Chat gerendert.
Flussdiagramm des Reklamationsprozesses mit Garantieprüfung als Ja/Nein-Verzweigung.

Vom Ergebnis zum Wissen

  1. Visualisieren

    Mermaid für Abläufe, Charts für Zahlen — autonom, wenn die Frage es nahelegt, ohne dass Sie erst danach fragen.

  2. Sicher rendern

    Deklarativ statt ausführbar, Ausgabe bereinigt; ein ungültiges Chart degradiert zum lesbaren Codeblock.

  3. Konsistent anzeigen

    Eine gemeinsame Render-Komponente für Chat und Wissensbasis — keine Überraschung beim Wiederöffnen.

  4. In KB speichern

    Die ganze Antwort samt Diagrammen wird über einen Vault-Picker und den rollenbasierten Schreibweg zur Notiz — beim Wiederöffnen neu gerendert und durchsuchbar.

  5. Exportieren

    Als Bild nach PDF oder Word im Firmenlayout.

Freie HTML/JS-Artefakte oder deklarative Visualisierung?

Kriterium Freie HTML/JS-Artefakte Deklarative Visualisierung (CompanyWizard)
Sicherheit Fremder Code läuft im Browser Kein ausführbarer Code, Ausgabe bereinigt
Gestaltungsfreiheit Beliebig, auch interaktiv Gängige Typen: Flussdiagramm, Balken, Linie, Torte
Chat vs. Wissensbasis Je nach Renderer unterschiedlich Eine gemeinsame Komponente, identisch
Verhalten bei Fehlern Kann die Antwort brechen Degradiert sauber zum lesbaren Codeblock
Export Uneinheitlich Als Bild nach PDF/Word im Firmenlayout
Dauerhaftigkeit Flüchtig im Chatverlauf Per Klick als durchsuchbare KB-Notiz
Durchsuchbarkeit (RAG) Nicht vorgesehen Gespeicherte Antwort ist volltext-durchsuchbar

Was das für Sie bedeutet

  • Diagramme und Charts direkt im Chat — Mermaid für Abläufe, Syncfusion-Charts für Zahlen.
  • Sicher durch Bauart: deklarativ statt ausführbarer Code, Ausgabe bereinigt.
  • Eine Darstellung für Chat und Wissensbasis — keine Überraschung beim Wiederöffnen.
  • Vom Bild zum Wissen: per Klick als durchsuchbare KB-Notiz, exportierbar nach PDF und Word.

Ehrlich gesagt: die Grenzen

  • Deklarativ heißt nicht beliebig.

    Die Chart-Notation deckt die gängigen Typen ab (Balken, Linie, Torte), nicht jede erdenkliche Spezialvisualisierung. Wer komplexe, interaktive oder pixelgenau gestaltete Grafiken braucht, ist mit einem spezialisierten Werkzeug besser bedient. Das ist der Preis des sicheren Wegs.

  • Keine freien interaktiven Artefakte.

    Anders als Assistenten, die beliebige HTML/JS-Oberflächen erzeugen, bleibt CompanyWizard bewusst deklarativ. Für interaktive Mini-Anwendungen im Chat ist das nicht der richtige Ort.

  • Die Qualität hängt am Modell.

    Diagramm und Chart entstehen aus dem, was das LLM beschreibt. Ist die Beschreibung unvollständig oder ungültig, sehen Sie statt der Grafik einen lesbaren Codeblock — das verhindert Fehler, ersetzt aber gelegentlich eine Nachfrage oder eine Korrektur der Anweisung.

Klingt passend für Ihr Haus?

In einer 30-minütigen Demo zeigen wir das Konzept an Ihrem konkreten Anwendungsfall — unverbindlich und mit konkreten Vorschlägen am Ende.