Diagramas, gráficos e visualizações animadas: os melhores de 2026

ManimGL é o mecanismo original do 3Blue1Brown para criar animações precisas e controladas por código, usadas em vídeos explicativos de matemática.

Plugin do Claude Code e conjunto de skills multiplataforma que transforma bases de código e wikis de LLM em grafos de conhecimento interativos para explorar e consultar.

Uma skill de agente que transforma ideias, planos ou bases de código em diagramas HTML interativos para Claude Code, Codex, Cursor e OpenCode.

Uma skill de agente que cria diagramas editoriais em um único arquivo HTML + SVG autocontido, com 45 tipos de diagrama e correspondência com a identidade da marca.

Uma skill de agente para Claude que cria ilustrações SVG isométricas e interativas de máquinas e sistemas reais para explicar ideias técnicas.

Uma biblioteca minimalista de JavaScript puro para criar editores de fluxogramas com blocos arrastáveis e encaixe automático em apps web.

Toolkit open source em Rust para registrar, visualizar, consultar e transmitir dados multimodais de robótica e sensores ao longo do tempo.

Biblioteca JavaScript e CLI que converte código JS em fluxogramas SVG, com níveis de abstração, modificadores de blocos de código e temas.

Um mecanismo declarativo que gera e renderiza infográficos em SVG a partir de uma sintaxe textual, pensado para geração com IA e saída em streaming.

Linguagem de modelagem e conjunto de ferramentas que gera diagramas de arquitetura de software baseados em código e atualizados em tempo real, com notação inspirada no C4.

Scanner de rede self-hosted que mapeia hosts, serviços e conexões em intervalos programados e mantém diagramas atualizados em quatro visualizações.

Uma ferramenta de terminal que reproduz commits do Git como sessões de digitação animadas, com realce de sintaxe e transições na árvore de arquivos.

Skill de programação que permite ao Claude Code e a agentes semelhantes gerar diagramas do Excalidraw a partir de descrições em linguagem natural.

Uma skill de agente que transforma a resposta de um agente de IA a uma pergunta difícil em uma página HTML offline com diagramas, tabelas e layout.

Skills para agentes que orientam a criação de wireframes HTML autocontidos, protótipos interativos, planos e diagramas.

Transforma textos não estruturados em um grafo de conhecimento interativo usando um LLM para extrair triplas sujeito-predicado-objeto.

Ferramenta de planta baixa feita apenas com front-end: organize móveis, edite paredes e meça cômodos em 2D, depois veja o layout em uma cena 3D do Three.js.

Um renderizador leve e síncrono que converte texto de diagramas Mermaid em SVG, sem dependências em tempo de execução.

Uma reimplementação em WebGL do clássico visualizador musical Milkdrop, que renderiza presets Milkdrop no navegador usando a Web Audio API.

Rastreador 3D de satélites no navegador, baseado em mecânica orbital real e voltado a estudantes, educadores e equipes de operações espaciais.

Uma skill para agentes de programação com IA que transforma ideias em cenas criativas de 3D no Three.js ou Blender, com receitas, kits e captura de frames.

Um escritório virtual que mostra cada projeto do Claude Code ou Codex como uma sala e cada agente como um personagem pixel art com atividade em tempo real.

Uma skill para Claude e agentes de programação que transforma uma especificação JSON curta em diagramas animados e interativos, exportáveis como SVG, PNG, GIF ou MP4.

Uma skill para agentes e um linter sem dependências que ensinam agentes de programação a criar diagramas SVG com posicionamento manual e um estilo visual consistente.

App de menu bar para Electron que permite a agentes de programação com IA renderizar diagramas e prévias, além de anotá-los e aprová-los na tela.

Um simulador interativo do sistema solar em TypeScript e Three.js que mostra como a gravidade molda as órbitas, com um tour guiado e dados astronômicos reais.