semiotic

Semiotic é uma biblioteca React de visualização de dados projetada para desenvolvimento assistido por IA. Ela combina ampla cobertura de gráficos com ferramentas de IA, suportando grafos de rede, dados em streaming e visões coordenadas. A biblioteca fornece esquemas estruturados, diagnósticos e evidências de renderização para ajudar assistentes de codificação a implementar, verificar e reparar código de gráficos. Principais recursos incluem: - **Visualização de rede**: Grafos de força direcionada, diagramas de Sankey, diagramas de cordas, layouts de árvore, treemaps, empacotamento de círculos e diagramas de órbita como componentes React com uma API de props consistente. - **Dados em streaming**: Gráficos em tempo real renderizados em canvas a 60fps com uma API push baseada em ref, incluindo codificação de decaimento, pulso e obsolescência para painéis de monitoramento. - **Anotações de primeira classe**: Objetos de anotação vinculados a dados que se movem com os gráficos e renderizam via navegador, SSR e exportação. - **Ferramentas de IA**: Inclui `semiotic/ai` para catálogo de capacidades de gráficos baseado em esquema, `ai/schema.json` para esquemas de props legíveis por máquina, `npx semiotic-mcp` para renderização de gráficos via servidor MCP e `npx semiotic-ai --doctor` para validação via CLI. - **Diagnósticos**: Funções `diagnoseConfig` e `auditData` para detecção de anti-padrões e verificações numéricas preliminares. - **Acessibilidade**: Limites de erro integrados, validação em modo de desenvolvimento, rótulos ARIA, legendas navegáveis por teclado e tabelas de dados acessíveis. - **Importações modulares**: Subcaminhos de família como `semiotic/xy`, `semiotic/geo`, `semiotic/value` e `semiotic/realtime` para bundles menores, com suporte a tree-shaking. - **Renderização no servidor**: `semiotic/server` para renderizar gráficos em SVG estático ou imagens. - **Utilitários de dados**: `semiotic/data` para binning, rollup, groupBy, pivot e conversão Vega-Lite. - **Serialização**: Gráficos serializam de/para JSON via `toConfig`, `fromConfig`, `toURL`, permitindo ida e volta de notebooks e especificações geradas por IA. A biblioteca inclui tabelas de tamanho de bundle para várias importações, variando de utilitários pequenos (0,2 KB) a APIs completas de gráficos (374 KB). Ela também fornece gráficos baseados em física (GaltonBoardChart) com adaptadores opcionais Matter.js e Rapier.js. Semiotic é posicionada para projetos que precisam de grafos de rede junto com séries temporais, dados em streaming e visões coordenadas além das bibliotecas de gráficos padrão.