Repolode
microsoft

microsoft/flint-chart

Промежуточный язык визуализации, который позволяет AI-агентам превращать компактные спецификации графиков в готовые графики для Vega-Lite, ECharts, Chart.js, Plotly и Excel.

Звёзды
4,380
Форки
247
Открытые issues
37
Последний коммит
позавчера

Что это?

Flint — промежуточный язык визуализации для AI-агентов. Вместо того чтобы требовать от агента вручную задавать шкалы, оси, интервалы, подписи и компоновку, Flint определяет их на основе высокоуровневой семантической спецификации, данных и необязательной визуальной темы. Компактная спецификация компилируется в нативный вывод для Vega-Lite, ECharts, Chart.js, Plotly или редактируемую диаграмму Excel.

В репозитории доступны два пакета: `flint-chart` — библиотека TypeScript, создающая нативные для целевой библиотеки объекты графиков из одной входной структуры, и `flint-chart-mcp` — MCP-сервер, который позволяет агентам создавать, проверять и отображать графики в чате или клиенте для работы с кодом. Для тестирования также доступна размещённая версия MCP-сервера.

Визуальные темы, например Economist, Swiss и Pop, позволяют отделить смысл графика от его внешнего вида. Пользовательские темы могут наследовать готовую тему и переопределять отдельные параметры стиля. Сейчас темы применяются к выводам для Vega-Lite и Plotly.

Ключевые возможности

  • 01Сопоставляет поля с более чем 70 семантическими типами, например Rank, Price и Country, чтобы помочь выбрать оформление графика.
  • 02Автоматически подбирает размеры, интервалы, подписи, маркеры и легенды с учётом данных.
  • 03Поддерживает встроенные и пользовательские визуальные темы, применяемые к библиотеке графиков.
  • 04Компилирует одну входную структуру в Vega-Lite, ECharts, Chart.js, Plotly или нативные диаграммы Excel.
  • 05Предоставляет MCP-сервер, с помощью которого агенты могут интерактивно проверять и отображать графики.

Сценарии использования

  • Позволяет AI-ассистенту в чате строить графики по данным, которые он находит или получает от пользователя.
  • Помогает создавать единообразные брендированные графики в продукте с помощью одной темы.
  • Позволяет создавать редактируемые диаграммы Excel по спецификациям, заданным программно.
  • Позволяет отображать график в разных библиотеках визуализации, не переписывая его описание.

Быстрый старт

  1. 1

    Установите библиотеку в свой проект на JavaScript/TypeScript

    npm install flint-chart
  2. 2

    Запустите MCP-сервер для агентов и MCP-клиентов

    npx -y flint-chart-mcp

Что важно знать

  • Пакет Python ещё не выпущен; в репозитории доступна только предварительная версия, содержащая исходный код.
  • Сейчас ThemeSpec влияет только на вывод Vega-Lite, но не на другие бэкенды.
  • Научная статья с описанием проекта ещё не опубликована.

Темы

Частые вопросы

Что такое flint-chart?
Промежуточный язык визуализации, который позволяет AI-агентам превращать компактные спецификации графиков в готовые графики для Vega-Lite, ECharts, Chart.js, Plotly и Excel. Flint — промежуточный язык визуализации для AI-агентов. Вместо того чтобы требовать от агента вручную задавать шкалы, оси, интервалы, подписи и компоновку, Flint определяет их на основе высокоуровневой семантической спецификации, данных и необязательной визуальной темы. Компактная спецификация компилируется в нативный вывод для Vega-Lite, ECharts, Chart.js, Plotly или редактируемую диаграмму Excel.
flint-chart можно использовать бесплатно? Какая у него лицензия?
flint-chart распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
flint-chart всё ещё поддерживается?
Активно поддерживается. Последний коммит в flint-chart — 18 окт. 2026 г..
Для чего можно использовать flint-chart?
Позволяет AI-ассистенту в чате строить графики по данным, которые он находит или получает от пользователя. Помогает создавать единообразные брендированные графики в продукте с помощью одной темы. Позволяет создавать редактируемые диаграммы Excel по спецификациям, заданным программно. Позволяет отображать график в разных библиотеках визуализации, не переписывая его описание.
Как установить flint-chart?
Установите библиотеку в свой проект на JavaScript/TypeScript: npm install flint-chart Запустите MCP-сервер для агентов и MCP-клиентов: npx -y flint-chart-mcp
Где скачать flint-chart?
Исходный код и инструкции по установке — на GitHub: https://github.com/microsoft/flint-chart

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты