Repolode
Enviar
microsoft

microsoft/flint-chart

Un lenguaje intermedio de visualización que permite a los agentes de IA convertir especificaciones compactas en gráficos pulidos para Vega-Lite, ECharts, Chart.js, Plotly o Excel.

Ver en GitHubSitio web
Estrellas
4,380
Forks
247
Issues abiertos
37
Último commit
ayer

¿Qué es?

Flint es un lenguaje intermedio de visualización para agentes de IA. En lugar de exigir que un agente defina manualmente las escalas, los ejes, el espaciado, las etiquetas y el diseño, Flint toma esas decisiones a partir de una especificación semántica de alto nivel, los datos y un tema visual opcional. Una especificación compacta se compila en gráficos nativos de Vega-Lite, ECharts, Chart.js o Plotly, o en gráficos editables de Excel.

El repositorio incluye dos paquetes: `flint-chart`, una biblioteca de TypeScript que genera objetos de gráficos nativos para cada backend a partir de un único formato de entrada, y `flint-chart-mcp`, un servidor MCP que permite a los agentes crear, validar y renderizar gráficos desde un cliente de chat o de programación. También hay un endpoint MCP alojado para probarlo.

Los temas visuales, como Economist, Swiss y Pop, separan el significado de un gráfico de su apariencia. También se pueden crear temas personalizados heredando un tema predefinido y sobrescribiendo valores de estilo específicos. Actualmente, los temas se aplican a las salidas de Vega-Lite y Plotly.

Funciones clave

  • 01Asocia campos con más de 70 tipos semánticos, como Rank, Price y Country, para orientar el diseño de los gráficos.
  • 02Ajusta automáticamente el tamaño, el espaciado, las etiquetas, las marcas y las leyendas según los datos.
  • 03Admite temas visuales integrados y personalizados que se aplican a toda una biblioteca de gráficos.
  • 04Compila una única entrada en gráficos de Vega-Lite, ECharts, Chart.js, Plotly o gráficos nativos de Excel.
  • 05Incluye un servidor MCP para que los agentes puedan validar y renderizar gráficos de forma interactiva.

Casos de uso

  • Permitir que un asistente de IA en un cliente de chat genere gráficos a partir de datos que encuentre o que se le proporcionen.
  • Generar gráficos con una imagen de marca coherente en todo un producto mediante la aplicación de un único tema.
  • Crear gráficos editables de Excel a partir de especificaciones definidas mediante programación.
  • Renderizar la misma definición de gráfico en distintas bibliotecas de gráficos sin tener que reescribirla.

Inicio rápido

  1. 1

    Instala la biblioteca en tu proyecto de JavaScript/TypeScript

    npm install flint-chart
  2. 2

    Ejecuta el servidor MCP para agentes y clientes MCP

    npx -y flint-chart-mcp

Antes de usarlo

  • El paquete de Python aún no se ha publicado; en el repositorio solo hay una vista previa que contiene únicamente el código fuente.
  • ThemeSpec solo afecta actualmente a la salida de Vega-Lite, no a los demás backends.
  • El artículo de investigación que describe el proyecto aún está pendiente de publicación.

Temas

#data-visualization#ai-agents#mcp-server#charting#vega-lite#echarts#typescript#charting-library

Preguntas frecuentes

¿Qué es flint-chart?
Un lenguaje intermedio de visualización que permite a los agentes de IA convertir especificaciones compactas en gráficos pulidos para Vega-Lite, ECharts, Chart.js, Plotly o Excel. Flint es un lenguaje intermedio de visualización para agentes de IA. En lugar de exigir que un agente defina manualmente las escalas, los ejes, el espaciado, las etiquetas y el diseño, Flint toma esas decisiones a partir de una especificación semántica de alto nivel, los datos y un tema visual opcional. Una especificación compacta se compila en gráficos nativos de Vega-Lite, ECharts, Chart.js o Plotly, o en gráficos editables de Excel.
¿flint-chart es gratuito? ¿Qué licencia tiene?
flint-chart es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿flint-chart sigue mantenido?
Mantenimiento activo. El último commit de flint-chart fue el 18 oct 2026.
¿Para qué puedo usar flint-chart?
Permitir que un asistente de IA en un cliente de chat genere gráficos a partir de datos que encuentre o que se le proporcionen. Generar gráficos con una imagen de marca coherente en todo un producto mediante la aplicación de un único tema. Crear gráficos editables de Excel a partir de especificaciones definidas mediante programación. Renderizar la misma definición de gráfico en distintas bibliotecas de gráficos sin tener que reescribirla.
¿Cómo se instala flint-chart?
Instala la biblioteca en tu proyecto de JavaScript/TypeScript: npm install flint-chart Ejecuta el servidor MCP para agentes y clientes MCP: npx -y flint-chart-mcp
¿Dónde consigo flint-chart?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/microsoft/flint-chart

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados