LibreAI / Дизайн / flint-chart
// design · microsoft/flint-chart

flint-chart

flint-chart — проект с открытым исходным кодом из категории «Дизайн» от microsoft (microsoft/flint-chart на GitHub). У него 4 351 звезда на GitHub и 245 форков, он распространяется по лицензии MIT и последний раз обновлялся на GitHub 8 октября 2026.

Flint compiles semantic chart specs into Vega-Lite, ECharts, Chart.js, Plotly — or native Excel charts

★ 4,4 тыс. звёзд⑂ 245 форковMITобновлено окт. 2026
▦ визуал — в README этого проекта нет встраиваемого скриншота,
поэтому здесь заглушка. Руководство ниже в любом случае полное.
// факты о проекте

Факты о проекте

Репозиторий
microsoft/flint-chart
Звёзды GitHub
4 351
Форки
245
Лицензия
MIT
Последнее обновление на GitHub
8 октября 2026
Категория
Дизайн
Тип страницы
Полное руководство по установке
Официальный сайт
Official site
// как это работает

Как это работает

  1. Frame your data semantically

    Identify the semantic types behind your fields — measures like Price or Temperature, dimensions like Country or Rank.

  2. Install the library

    Add flint-chart from npm (or connect the hosted/npx MCP server for agent use).

  3. Write a semantic spec

    Describe the chart in Flint's compact spec format rather than low-level chart options.

  4. Compile and render

    Assemble output for your target — Vega-Lite, ECharts, Chart.js, Plotly, or a native Excel chart — and iterate on the theme.

// возможности

Почему его любят

Semantic typing system

70+ semantic types let the compiler choose sensible encodings, scales, and formatting for your data.

Five output targets

Compile one spec to Vega-Lite, ECharts, Chart.js, Plotly, or native editable Excel charts.

Formal visual themes

Ten built-in presets plus custom ThemeSpec definitions with inheritance for house styles.

MCP server for agents

`npx flint-chart-mcp` (or the hosted endpoint) lets agents create, validate, and render charts, including PNG/SVG output.

Automatic layout

Layout and labeling are handled by the compiler rather than hand-tuned per chart.

Compact specs

Specifications stay short and data-focused compared with hand-writing Vega-Lite or ECharts options.

Advertisement
// запустите сами

Запустите сами

  1. Clone the repository

    Clone the project and enter its directory (library users can install from npm instead).

    git clone https://github.com/microsoft/flint-chart.git
    cd flint-chart
  2. Install the library

    Add Flint Chart to your Node/TypeScript project.

    npm install flint-chart
  3. Compile your first chart

    Assemble a chart spec into Vega-Lite (or another target) as shown in the README examples.

    import { assembleVegaLite } from 'flint-chart'
    // build a semantic spec and pass it to assembleVegaLite({...}) — see README examples
// сценарии использования

Что можно создать

Advertisement
// вопросы и ответы

Вопросы и ответы

Who maintains Flint Chart?

Microsoft Research publishes Flint Chart (the hosted MCP demo is at flint.data-formulator.ai).

Is Flint Chart free?

Yes, MIT-licensed, including the npm library and the local MCP server.

Does it need a paid API key?

No. The library and MCP server run locally; agents connecting to them use their own model access.

How does it compare to writing Vega-Lite directly?

Vega-Lite is one of Flint's output targets. Flint adds a semantic layer on top — types, themes, and layout — so one compact spec can target Vega-Lite, ECharts, Chart.js, Plotly, or Excel.

How do I get started?

Run `npm install flint-chart` and follow the README's assemble examples, or connect an agent with `npx -y flint-chart-mcp`.

// продолжить изучение

Похожие инструменты

Дизайн

ainativelang

AI-native programming language for structured, repeatable agent workflows

★ 650 звёздApache-2.0
Смотреть руководство →
Дизайн

vscode-drawio

This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.

★ 9,5 тыс. звёздGPL-3.0
Смотреть руководство →
Дизайн

network-sketcher

AI-ready network design tool — draw topologies, export PowerPoint and Excel

★ 400 звёздApache-2.0
Смотреть руководство →
Дизайн

beamer-academic

Turn your thesis into defense slides with one command.

★ 306 звёздMIT
Смотреть руководство →
Дизайн

design-md-figma

Figma plugin that turns your style guide into DESIGN.md and SKILL.md for AI

★ 153 звездыMIT
Смотреть руководство →
Дизайн

ui

Open-source components, blocks, and AI agents designed to speed up your workflow. Import them seamlessly into your favorite tools through Registry and MCPs.

★ 12,1 тыс. звёздMIT
Смотреть руководство →
// альтернативы

Альтернативы: Дизайн

Другие проекты из категории «Дизайн» с наибольшим числом звёзд в каталоге LibreAI — реалистичный список альтернатив, если flint-chart вам не подходит.

// ещё в категории design

Больше проектов: Дизайн

Соседние проекты из категории «Дизайн» в каталоге, ближайшие по числу звёзд к flint-chart — продолжайте изучать полку по обе стороны от него.

Получить flint-chart

Бесплатно и открыто — забирайте исходный код, ставьте звезду репозиторию и начинайте создавать.