Visualiseur en ligne : Les modèles d'IA locaux peuvent désormais générer des visualisations HTML interactives

Inline Visualizer est un plugin pour Open WebUI qui donne aux modèles d'IA locaux la capacité de générer des visualisations HTML/SVG interactives directement dans le chat, avec une communication bidirectionnelle entre les éléments visuels et le modèle d'IA.

Ce qu'il fait

Le plugin fournit aux modèles un système de conception et un outil de rendu. Les modèles écrivent des fragments HTML/SVG, que l'outil encapsule dans une enveloppe thématisée avec support du mode sombre, les affichant en ligne dans le chat. Un pont JavaScript permet aux éléments à l'intérieur des visualisations d'envoyer des messages vers l'interface de chat.

Fonctionnalités clés

• Fonctionne avec tout modèle prenant en charge les appels d'outils : Qwen, Mistral, Gemma, DeepSeek, Gemini, Claude, GPT
• Sous licence BSD-3 - forkez, modifiez, utilisez comme vous le souhaitez
• Pas d'iframes dans des iframes, pas de services externes, pas de clés API requises
• Les éléments interactifs peuvent envoyer des messages au modèle d'IA

Exemples d'utilisation

• Diagrammes d'architecture où cliquer sur un nœud interroge l'IA sur ce composant
• Tableaux de bord Chart.js avec une thématisation appropriée mode sombre/clair
• Quiz interactifs où l'IA note vos réponses
• Formulaires de préférence qui collectent les choix et les envoient au modèle
• Explications avec sections dépliables et effets au survol
• Littéralement tout HTML/SVG/JS que le modèle peut écrire

Prérequis

• Open WebUI (auto-hébergé)
• N'importe quel modèle avec support des appels d'outils
• Moins d'1 minute pour coller deux fichiers et suivre la configuration d'installation

Considérations de performance

Le créateur note que la performance dépend des tokens par seconde (TPS) de votre modèle. Avec des TPS à un chiffre, vous pourriez attendre environ une minute pour que les artefacts rendus apparaissent. La démo utilise Claude Haiku pour la vitesse, mais l'outil a été testé avec Qwen3.5 27b (plus lent mais fonctionnel).

Installation

Le plugin (outil + compétence) est disponible à l'adresse https://github.com/Classic298/open-webui-plugins. Le tutoriel d'installation se trouve dans le README du dossier du plugin.