semiotic

Semiotic es una biblioteca de visualización de datos en React diseñada para el desarrollo asistido por IA. Combina una amplia cobertura de gráficos con herramientas de IA, y admite grafos de red, datos en streaming y vistas coordinadas. La biblioteca proporciona esquemas estructurados, diagnósticos y evidencia de renderizado para ayudar a los asistentes de codificación a implementar, verificar y reparar código de gráficos. Las características clave incluyen: - **Visualización de redes**: Grafos dirigidos por fuerzas, diagramas de Sankey, diagramas de cuerdas, diseños de árbol, treemaps, empaquetado circular y diagramas de órbita como componentes de React con una API de props consistente. - **Datos en streaming**: Gráficos en tiempo real renderizados en canvas a 60 fps con una API push basada en refs, que incluye codificación de decaimiento, pulso y obsolescencia para paneles de monitoreo. - **Anotaciones de primera clase**: Objetos de anotación vinculados a datos que se mueven con los gráficos y se renderizan a través del navegador, SSR y exportación. - **Herramientas de IA**: Incluye `semiotic/ai` para un catálogo de capacidades de gráficos respaldado por esquemas, `ai/schema.json` para esquemas de props legibles por máquina, `npx semiotic-mcp` para renderizado de gráficos en servidor MCP y `npx semiotic-ai --doctor` para validación por CLI. - **Diagnósticos**: Funciones `diagnoseConfig` y `auditData` para detección de antipatrones y comprobaciones numéricas previas. - **Accesibilidad**: Límites de error integrados, validación en modo de desarrollo, etiquetas ARIA, leyendas navegables por teclado y tablas de datos accesibles. - **Importaciones modulares**: Subrutas de familia como `semiotic/xy`, `semiotic/geo`, `semiotic/value` y `semiotic/realtime` para paquetes más pequeños, con soporte de tree-shaking. - **Renderizado en el servidor**: `semiotic/server` para renderizar gráficos a SVG estático o imágenes. - **Utilidades de datos**: `semiotic/data` para agrupamiento en intervalos, rollup, groupBy, pivot y conversión a Vega-Lite. - **Serialización**: Los gráficos se serializan hacia/desde JSON mediante `toConfig`, `fromConfig`, `toURL`, lo que permite el viaje de ida y vuelta desde notebooks y especificaciones generadas por IA. La biblioteca incluye tablas de tamaños de paquete para varias importaciones, que van desde utilidades pequeñas (0.2 KB) hasta APIs de gráficos completas (374 KB). También proporciona gráficos basados en física (GaltonBoardChart) con adaptadores opcionales de Matter.js y Rapier.js. Semiotic está posicionada para proyectos que necesitan grafos de red junto con series temporales, datos en streaming y vistas coordinadas más allá de las bibliotecas de gráficos estándar.