Visualizador Embutido: Modelos de IA Locais Agora Podem Renderizar Visualizações HTML Interativas

Inline Visualizer é um plugin para Open WebUI que dá aos modelos de IA locais a capacidade de renderizar visualizações interativas HTML/SVG diretamente no chat, com comunicação bidirecional entre elementos visuais e o modelo de IA.

O que ele faz

O plugin fornece aos modelos um sistema de design e ferramenta de renderização. Os modelos escrevem fragmentos HTML/SVG, que a ferramenta envolve em uma estrutura temática com suporte a modo escuro, renderizando-os inline no chat. Uma ponte JavaScript permite que elementos dentro das visualizações enviem mensagens de volta para a interface do chat.

Principais recursos

• Funciona com qualquer modelo que suporte chamada de ferramentas: Qwen, Mistral, Gemma, DeepSeek, Gemini, Claude, GPT
• Licenciado BSD-3 - faça fork, modifique, use como quiser
• Sem iframes-dentro-de-iframes, sem serviços externos, sem chaves de API necessárias
• Elementos interativos podem enviar mensagens de volta para o modelo de IA

Casos de uso exemplos

• Diagramas de arquitetura onde clicar em um nó pergunta à IA sobre aquele componente
• Dashboards Chart.js com tematização adequada de modo escuro/claro
• Quizzes interativos onde a IA avalia suas respostas
• Formulários de preferência que coletam escolhas e as enviam para o modelo
• Explicadores com seções expansíveis e efeitos de hover
• Literalmente qualquer HTML/SVG/JS que o modelo possa escrever

Requisitos

• Open WebUI (auto-hospedado)
• Qualquer modelo com suporte a chamada de ferramentas
• Menos de 1 minuto para colar dois arquivos e seguir a configuração de instalação

Considerações de desempenho

O criador observa que o desempenho depende dos tokens por segundo (TPS) do seu modelo. Com TPS de um dígito, você pode esperar cerca de um minuto para que artefatos renderizados apareçam. A demonstração usa Claude Haiku para velocidade, mas a ferramenta foi testada com Qwen3.5 27b (mais lento, mas funcional).

Instalação

O plugin (ferramenta + habilidade) está disponível em https://github.com/Classic298/open-webui-plugins. O tutorial de instalação está no README da pasta do plugin.