Repolode
Enviar
microsoft

microsoft/flint-chart

Uma linguagem intermediária de visualização que permite a agentes de IA transformar especificações compactas em gráficos refinados para Vega-Lite, ECharts, Chart.js, Plotly ou Excel.

Ver no GitHubSite
Estrelas
4,380
Forks
247
Issues abertas
37
Último commit
ontem

O que é?

Flint é uma linguagem intermediária de visualização para agentes de IA. Em vez de exigir que o agente defina manualmente escalas, eixos, espaçamento, rótulos e layout, Flint deriva essas decisões de uma especificação semântica de alto nível, dos dados e de um tema visual opcional. Uma especificação compacta é compilada para uma saída nativa do Vega-Lite, ECharts, Chart.js, Plotly ou para gráficos editáveis do Excel.

O repositório inclui dois pacotes: `flint-chart`, uma biblioteca TypeScript que produz objetos de gráfico nativos de cada backend a partir de um único formato de entrada, e `flint-chart-mcp`, um servidor MCP que permite aos agentes criar, validar e renderizar gráficos em um cliente de chat ou de programação. Também há um endpoint MCP hospedado para testar a ferramenta.

Temas visuais como Economist, Swiss e Pop separam o significado do gráfico de sua aparência. Também é possível criar temas personalizados com base em uma predefinição e substituir valores de estilo específicos. No momento, os temas se aplicam às saídas do Vega-Lite e do Plotly.

Recursos principais

  • 01Mapeia campos para mais de 70 tipos semânticos, como Rank, Price e Country, para orientar o design do gráfico.
  • 02Ajusta automaticamente dimensões, espaçamento, rótulos, marcas e legendas de acordo com os dados.
  • 03Oferece temas visuais integrados e personalizados, aplicados em uma biblioteca de gráficos.
  • 04Compila uma única entrada para Vega-Lite, ECharts, Chart.js, Plotly ou gráficos nativos do Excel.
  • 05Disponibiliza um servidor MCP para que agentes validem e renderizem gráficos de forma interativa.

Casos de uso

  • Permitir que um assistente de IA em um cliente de chat crie gráficos com dados que encontrou ou recebeu.
  • Gerar gráficos com identidade visual consistente em um produto aplicando um único tema.
  • Criar gráficos editáveis do Excel a partir de especificações definidas programaticamente.
  • Renderizar a mesma definição de gráfico em diferentes bibliotecas sem precisar reescrevê-la.

Início rápido

  1. 1

    Instale a biblioteca no seu projeto JavaScript/TypeScript

    npm install flint-chart
  2. 2

    Execute o servidor MCP para agentes e clientes MCP

    npx -y flint-chart-mcp

Antes de usar

  • O pacote Python ainda não foi lançado; no repositório há apenas uma prévia contendo somente o código-fonte.
  • Atualmente, ThemeSpec afeta apenas a saída do Vega-Lite, não os outros backends.
  • O artigo de pesquisa que descreve o projeto ainda será publicado.

Tópicos

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

Perguntas frequentes

O que é flint-chart?
Uma linguagem intermediária de visualização que permite a agentes de IA transformar especificações compactas em gráficos refinados para Vega-Lite, ECharts, Chart.js, Plotly ou Excel. Flint é uma linguagem intermediária de visualização para agentes de IA. Em vez de exigir que o agente defina manualmente escalas, eixos, espaçamento, rótulos e layout, Flint deriva essas decisões de uma especificação semântica de alto nível, dos dados e de um tema visual opcional. Uma especificação compacta é compilada para uma saída nativa do Vega-Lite, ECharts, Chart.js, Plotly ou para gráficos editáveis do Excel.
flint-chart é gratuito? Qual é a licença?
flint-chart é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
flint-chart ainda é mantido?
Manutenção ativa. O último commit de flint-chart foi em 18 de out. de 2026.
Para que posso usar flint-chart?
Permitir que um assistente de IA em um cliente de chat crie gráficos com dados que encontrou ou recebeu. Gerar gráficos com identidade visual consistente em um produto aplicando um único tema. Criar gráficos editáveis do Excel a partir de especificações definidas programaticamente. Renderizar a mesma definição de gráfico em diferentes bibliotecas sem precisar reescrevê-la.
Como instalar flint-chart?
Instale a biblioteca no seu projeto JavaScript/TypeScript: npm install flint-chart Execute o servidor MCP para agentes e clientes MCP: npx -y flint-chart-mcp
Onde consigo flint-chart?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/microsoft/flint-chart

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados