microsoft/flint-chart

これは何？

主な機能

• 01Rank、Price、Countryなど70種類以上の意味型にフィールドを対応付け、チャートデザインを導きます。
• 02データに合わせてサイズ、余白、ラベル、マーク、凡例を自動調整します。
• 03組み込みおよびカスタムのビジュアルテーマに対応し、チャート全体に適用できます。
• 041つの入力からVega-Lite、ECharts、Chart.js、Plotly、またはネイティブのExcelチャートにコンパイルします。
• 05エージェントがチャートを対話的に検証・描画できるMCPサーバーを提供します。

ユースケース

• チャットクライアント内のAIアシスタントが、見つけたデータや与えられたデータからチャートを作成する。
• 1つのテーマを適用し、プロダクト全体で一貫したブランドのチャートを生成する。
• プログラムで定義した仕様から、編集可能な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 の最終コミットは 2026年10月18日 です。

flint-chart は何に使えますか？

チャットクライアント内のAIアシスタントが、見つけたデータや与えられたデータからチャートを作成する。 1つのテーマを適用し、プロダクト全体で一貫したブランドのチャートを生成する。 プログラムで定義した仕様から、編集可能な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