Inline-Visualisierer: Lokale KI-Modelle können jetzt interaktive HTML-Visualisierungen rendern

Inline Visualizer ist ein Plugin für Open WebUI, das lokalen KI-Modellen die Fähigkeit verleiht, interaktive HTML/SVG-Visualisierungen direkt im Chat darzustellen, mit bidirektionaler Kommunikation zwischen visuellen Elementen und dem KI-Modell.

Was es tut

Das Plugin stellt Modellen ein Design-System und ein Rendering-Tool zur Verfügung. Modelle schreiben HTML/SVG-Fragmente, die das Tool in eine thematisierte Hülle mit Dark-Mode-Unterstützung einpackt und sie inline im Chat darstellt. Eine JavaScript-Brücke erlaubt es Elementen innerhalb der Visualisierungen, Nachrichten zurück an die Chat-Oberfläche zu senden.

Hauptmerkmale

• Funktioniert mit jedem Modell, das Tool Calling unterstützt: Qwen, Mistral, Gemma, DeepSeek, Gemini, Claude, GPT
• BSD-3-lizenziert – forken, modifizieren, nach Belieben nutzen
• Keine Iframes-in-Iframes, keine externen Dienste, keine API-Schlüssel erforderlich
• Interaktive Elemente können Nachrichten zurück an das KI-Modell senden

Beispiel-Anwendungsfälle

• Architekturdiagramme, bei denen ein Klick auf einen Knoten die KI nach dieser Komponente fragt
• Chart.js-Dashboards mit korrekter Dark/Light-Mode-Thematisierung
• Interaktive Quizze, bei denen die KI Ihre Antworten bewertet
• Präferenzformulare, die Auswahlmöglichkeiten sammeln und an das Modell senden
• Erklärungen mit ausklappbaren Abschnitten und Hover-Effekten
• Buchstäblich jedes HTML/SVG/JS, das das Modell schreiben kann

Anforderungen

• Open WebUI (selbst gehostet)
• Beliebiges Modell mit Tool-Calling-Unterstützung
• Weniger als 1 Minute, um zwei Dateien einzufügen und der Installationsanleitung zu folgen

Leistungsbetrachtungen

Der Ersteller weist darauf hin, dass die Leistung von den Tokens pro Sekunde (TPS) Ihres Modells abhängt. Bei einstelligen TPS müssen Sie möglicherweise etwa eine Minute warten, bis gerenderte Artefakte erscheinen. Die Demo verwendet Claude Haiku für Geschwindigkeit, aber das Tool wurde mit Qwen3.5 27b getestet (langsamer, aber funktional).

Installation

Das Plugin (Tool + Skill) ist verfügbar unter https://github.com/Classic298/open-webui-plugins. Ein Installations-Tutorial befindet sich in der README-Datei des Plugin-Ordners.