Alien Art Charts Alien Art Charts

おすすめのグラフ生成MCP(2026年版)

静止画、設定可能な仕様、プレゼン用ビジュアル、アニメーション動画まで。グラフを生成する主要なModel Context Protocolサーバーを、率直にランキングしたガイドです。 更新。

Alien Art、AntV、mcp-echarts、QuickChart、Chart.js MCP、Vega-Lite、Vizro、Diagrammoなどを、それぞれの長所と短所とあわせて正直に比較します。

比較表へ移動 ↓

結論

最適なグラフ生成MCPは、必要なグラフの種類によって変わります:

  • アニメーショングラフと動画:Alien Art Charts MCP。アニメーショングラフ、ストーリー仕立ての構成、MP4動画の書き出しができる唯一のMCPです。状態を保持し、編集できるプロジェクトを作れます。
  • 静止画グラフの種類の多さ:AntV mcp-server-chart。サンキー図、マインドマップ、フィッシュボーン図、組織図など25種類以上。
  • 設定の自由度の高さ:mcp-echarts。Apache EChartsのJSONを完全に制御でき、PNG/SVGで出力。
  • URLで手軽に画像を生成:QuickChart MCP。ホスティングされたURL経由でChart.jsを利用。
  • ダッシュボード(単体のグラフではなく):McKinseyのVizro MCP。
  • そのまま使えるプレゼン用ビジュアル:mortenator。ウォーターフォール、メコ、レーダーをSVG/PNGで。

このカテゴリのほかのグラフMCPは、どれも既存のJSグラフライブラリをラップして静止画を生成するものです。動き、ストーリー、プロジェクトのライフサイクル全体を対象にしているのはAlien Artだけです。

グラフMCPとは?

グラフMCP(グラフ作成用のModel Context Protocolサーバー)を使うと、Claude、ChatGPT、CursorなどのAIアシスタントが直接データを可視化できます。モデルがツールを呼び出してデータとグラフの種類を渡すと、サーバーは画像のURL、SVG、グラフの仕様、そしてAlien Artの場合は編集できるプロジェクトと書き出した動画を返します。

MCPは2024年末にAnthropicが発表したもので、今ではLLMに独自のツールを追加する標準的な方法になっています。LLMはデータや意図を理解するのは得意でも、それ自体でビジュアルを描画することはできないため、グラフMCPのエコシステムが広がってきました。このガイドで紹介するサーバーは、それぞれ違う方法でその溝を埋めています。ホスティングされたPNGを返すもの、クライアント側で描画するためのJSON仕様を返すもの、そしてAlien Artは、ユーザーが作業を続けられる、編集可能でアニメーションに対応し、動画として書き出せるグラフのプロジェクトを返します。

ランキング

知っておきたいグラフMCPを11個、GitHubのスター数ではなく、実際に解決できる課題の幅広さで並べました。

#1・アニメーショングラフと動画に最適

Alien Art Charts MCP

詳しく見る →

アニメーションで動く、動画にできるグラフを生み出せる唯一のグラフMCPで、静止画や埋め込み用のiframeにも対応しています。バーチャートレース、折れ線グラフレース、アニメーション地図、テーブルチャートレース、スライドショー、比較(アドバンス)といった、編集できるプロジェクトを生成します。AIアシスタントがプロジェクトを作成し、スプレッドシートのデータをアップロードし、レイヤーを追加して、結果を動画、画像、またはホスティングされたiframeのURLとして書き出します。

長所
  • 動画、画像、ホスティングされたiframeのURLと、よく使う出力をすべてカバー
  • どのサイトにもiframeで埋め込めるホスティングURL
  • CSV/XLSXを取り込める本格的なスプレッドシートが裏側に
  • 地図のチャートレース(世界地図と国別の地図)
  • AIが作ったあとも、Web画面でプロジェクトを編集可能
  • Claude Code、Claude Desktop、ChatGPT、Cursorなど、あらゆるMCPクライアントで動作
短所
  • 時系列や順位比較の形式に特化しており、任意の統計グラフには向かない
  • 長いプロジェクトの動画書き出しは非同期(ジョブ方式)
  • Proプランが必要
出力: 動画、画像、またはホスティングされたiframeのURL · 認証: OAuth · プラン: Pro
#2・グラフの種類の多さで選ぶなら

AntV mcp-server-chart

種類の多さでは、静止画のグラフ生成で明らかなトップ。サンキー図、マインドマップ、フィッシュボーン図、組織図、地図など25種類以上に対応し、ホスティングされた画像のURLを返します。

長所
  • このカテゴリのMCPで最も多くのグラフの種類
  • 図解系のグラフ(サンキー図、マインドマップ、組織図)にも対応
  • GitHubで広く使われている
短所
  • 静止画のみで、アニメーションや動画には非対応
  • 地図は中国の地域に限られる(AMapを利用)
  • プロジェクトの状態を持たず、呼び出しは毎回使い切り
出力: ホスティングされたPNGのURL · おすすめの用途: AIへの指示から、25種類以上の静止画グラフをすばやく生成したいとき
#3・設定の自由度で選ぶなら

mcp-echarts (hustcc)

Apache EChartsのJSON仕様を、MCPツールを通じて完全に制御できます。PNG、SVG、またはEChartsのoptionオブジェクトそのものを出力。MinIOとの連携(任意)で、Base64ではなくURLとしてグラフをホスティングすることもできます。

長所
  • EChartsの設定を完全に制御でき、隠れたオプションがない
  • 生の仕様を含む複数の出力形式
  • MinIOを使えばセルフホストでURLを発行可能
短所
  • モデルがEChartsの構文をよく理解している必要がある
  • 静止画の出力のみ
  • ホスティング型の選択肢より設定の手間が多い
出力: PNG / SVG / EChartsのoption JSON · おすすめの用途: EChartsの仕様で考えるパワーユーザー
#4・クラウドホスティング型のECharts

Apache ECharts official MCP

hustcc版のフォークよりコミュニティの規模は小さいものの、Apache EChartsプロジェクトの公式サポートがあります。クラウドでホスティングされたURLを返します。

おすすめの用途: コミュニティのフォークより公式のサポートを重視するチーム
#5・URLで手軽に画像を生成

QuickChart MCP (GongRzhe/Quickchart-MCP-Server)

QuickChart.ioの公開グラフ描画APIをシンプルにラップしたものです。Chart.js互換の画像URLを返します。

長所
  • インフラ不要で、すべてがURLで完結
  • おなじみのChart.jsの構文
短所
  • 更新が止まっている、またはあまりメンテナンスされていない様子
  • Chart.jsのグラフの種類に限られる
おすすめの用途: チャットの返信に画像URLがあれば十分な、使い捨てのグラフ
#6・メンテナンスされているChart.js

@ax-crew/chartjs-mcp-server

Claude DesktopとCursorを対象にした、活発にメンテナンスされているChart.js v4のMCP。Chart.jsユーザーにとって、QuickChartに代わる現代的な選択肢です。

おすすめの用途: すでにChart.jsのエコシステムを活用しているチーム
#7・グラフィックの文法

Vega-Lite MCP

ニッチながら堅実。宣言的なVega-Liteの文法をMCPで扱え、PNGで出力します。あなたもモデルもマークやエンコーディングで考えることに慣れているなら、有力な選択肢です。

おすすめの用途: Vegaの仕様に慣れたデータサイエンティストやジャーナリスト
#8・単体のグラフではなくダッシュボード

Vizro MCP (McKinsey)

このカテゴリで唯一、単体のグラフではなくダッシュボード全体に特化したMCPです。VizroのPythonコードを生成し、PyCafeのプレビューリンクを返します。

おすすめの用途: 手元に残せるPythonコードが欲しい、複数グラフの分析ダッシュボード
#9・クエリとグラフをひとつに

xoniks/mcp-visualization-duckdb

SQLでのクエリとグラフの描画をまとめた唯一のMCPです。DuckDBやDatabricksに問い合わせて、PlotlyのHTMLウィジェットを描画します。アナリストの作業には最適ですが、描画だけが必要なら物足りません。

おすすめの用途: データウェアハウスの生データからグラフまで、1つのツールで済ませたいアナリスト
#10・図解とグラフをひとつに

diagrammo

新しく登場したツール。29種類の図解とグラフをSVGまたはPNGで描画し、ブラウザでのプレビューやHTMLレポートにも対応しています。

おすすめの用途: グラフとアーキテクチャ図の両方が必要な、混在型のレポート
#11・経営層向けスライドのビジュアル

mortenator

ウォーターフォール、メコ、レーダーなど、プレゼンでそのまま使える14種類のグラフ。経営層向けのスライドに特化しており、SVG/PNGで出力します。

おすすめの用途: スライドを作るコンサルタントやアナリスト

並べて比較

これらのグラフMCPの違いが、いちばん手短にわかる比較表です。

Alien Art Charts
出力 動画、画像、ホスティングされたiframeのURL
グラフの種類 10種類以上のアニメーション形式
アニメーション あり(60fps)
ホスティング あり
おすすめの用途 アニメーショングラフと動画
AntV mcp-server-chart
出力 PNG(ホスティングURL)
グラフの種類 静止画25種類以上
アニメーション なし
ホスティング あり
おすすめの用途 グラフの種類の多さ
mcp-echarts
出力 PNG / SVG / 仕様
グラフの種類 EChartsの全種類
アニメーション なし
ホスティング セルフホスト
おすすめの用途 設定の自由度
ECharts official
出力 PNG(ホスティングURL)
グラフの種類 EChartsの全種類
アニメーション なし
ホスティング あり
おすすめの用途 公式サポートのECharts
QuickChart MCP
出力 PNG(Chart.jsのURL)
グラフの種類 Chart.jsの種類
アニメーション なし
ホスティング あり
おすすめの用途 使い捨ての画像
@ax-crew chartjs-mcp
出力 PNG
グラフの種類 Chart.jsの種類
アニメーション なし
ホスティング セルフホスト
おすすめの用途 Chart.jsのエコシステム
Vega-Lite MCP
出力 PNG
グラフの種類 Vega-Liteの全種類
アニメーション なし
ホスティング セルフホスト
おすすめの用途 グラフィックの文法
Vizro MCP
出力 Python+PyCafeのリンク
グラフの種類 ダッシュボード用の種類
アニメーション なし
ホスティング セルフホスト
おすすめの用途 ダッシュボード全体
xoniks duckdb
出力 Plotly HTML
グラフの種類 Plotlyの種類
アニメーション なし
ホスティング セルフホスト
おすすめの用途 SQLとグラフをひとつに
diagrammo
出力 SVG / PNG
グラフの種類 図解・グラフ29種類
アニメーション なし
ホスティング セルフホスト
おすすめの用途 図解とグラフ
mortenator
出力 SVG / PNG
グラフの種類 静止画14種類
アニメーション なし
ホスティング セルフホスト
おすすめの用途 経営層向けスライド

Alien ArtのMCPがほかとは別のカテゴリである理由

このガイドで紹介したほかのグラフMCPは、どれも既存のJSグラフライブラリを薄くラップしたものです。モデルがデータとオプションを渡し、サーバーが静止画や仕様を返す。作業は画像で終わります。

Alien ArtのMCPは、しくみが違います。create_chartで実際に編集できるプロジェクトを作成し、add_layerで元になるスプレッドシートを持つグラフレイヤーを追加。upload_spreadsheetとpatch_spreadsheetで実際のデータを入れ、add_elementでタイトルや画像、合計などの要素を重ね、render_chartでMP4を書き出します。結果は、AIが作った動画と、ビジュアルエディターで編集を続けられるプロジェクトのURLです。

この違いが、現時点でほかのツールにはできない3つの点で効いてきます:

  • 動き。バーチャートレース、折れ線グラフレース、アニメーション地図、ストーリー仕立てのスライドショー。静止画のMCPでは、どれも作れません。
  • 動画として配信。出力はMP4なので、変換なしでYouTube、TikTok、リール、クライアント向けの資料に使えます。
  • 保存と継続。グラフは使い捨ての画像ではなく、保存されたプロジェクトです。ユーザー(または次のAIセッション)が手を加え続けられます。

静止画のグラフが応えるのは「データを見せて」。Alien ArtのMCPが応えるのは「データがどう変わったかを物語って」です。

Alien ArtのグラフMCPの接続方法

1分もかかりません。Alien Artに登録してProを始め、AIクライアントにURLを1つ追加するだけ。あとはOAuthにおまかせです。

  1. 1
    登録してProを始める

    MCPはProプランに含まれています。アカウントを作成してProにアップグレードすれば、すぐに接続できます。いつでも解約できます。

  2. 2
    AIクライアントにMCPのURLを追加

    Claude Desktop、ChatGPT、Cursorで設定 → コネクタ → カスタムコネクタを追加を開き、次のURLを貼り付けます:

    https://alienart.io/mcp
  3. 3
    OAuthで承認

    クライアントがAlien Artに移動し、承認を求めます。許可すれば、AIアシスタントがツール呼び出しでプロジェクトの作成、データのアップロード、アニメーショングラフ動画の書き出しを行えるようになります。

よくある質問

最終更新:

いちばんおすすめのグラフ生成MCPは?

何が必要かによって変わります。アニメーショングラフや動画の出力なら、このカテゴリではAlien Art Charts MCPが唯一の選択肢です。静止画グラフの種類の多さなら、25種類以上に対応するAntV mcp-server-chartがトップ。設定の自由度を最大限に求めるなら、Apache EChartsを完全に制御できるmcp-echarts。ダッシュボードなら、McKinseyのVizro MCPが専用に作られています。

アニメーショングラフや動画を生成できるグラフMCPは?

アニメーションの出力と動画の書き出し(MP4、WebM、背景透過のWebP、最大60fps)ができるグラフMCPは、Alien Art Charts MCPだけです。ほかのグラフMCP(AntV、ECharts、QuickChart、Chart.js、Vega-Lite、Vizro、diagrammo、mortenator)は、どれも静止画、SVG、グラフの仕様を出力します。

グラフの種類が最も多いグラフMCPは?

静止画グラフの種類の多さでは、AntV mcp-server-chartがトップで、サンキー図、マインドマップ、フィッシュボーン図、組織図、地図(中国のみ)など約25種類に対応しています。次いでdiagrammoが、グラフと図解を合わせて29種類。アニメーション形式では、Alien Artがバーチャートレース、折れ線グラフレース、テーブルチャートレース、マップチャートレース、スライドショー、比較(アドバンス)に対応しています。

無料のグラフMCPはありますか?

このガイドで紹介したグラフMCPの多くはオープンソースで、無料でセルフホストできます(AntV、mcp-echarts、QuickChart、Chart.js、Vega-Lite、Vizro、diagrammo)。Alien Artには、クレジットカード不要で使える無料のホスティングプランがあります。無料プランで書き出した動画には小さなウォーターマークが入り、Proでは消えます。

グラフMCPはChatGPT、Cursor、Claudeで使えますか?

MCPはオープンなプロトコルなので、準拠したクライアントならどれでも使えます。Alien ArtのMCPはStreamable HTTPで動作し、Claude Code、Claude Desktop、ChatGPTのカスタムコネクタ、Cursorで動作を確認しています。AntVやhustccなどのセルフホスト型MCPは、通常ローカルのstdioサーバーとして動き、同じクライアントで使えます。

グラフMCPを使うのと、LLMにグラフを描いてもらうのとでは何が違いますか?

LLMは単体ではビジュアルを描画できず、出力できるのはテキスト、コード、マークダウンだけです。グラフMCPを使うと、モデルはデータとグラフのオプションを受け取って実際に描画した結果を返すツールを使えるようになります。返ってくるのはPNGのURL、SVG、クライアントで描画するための仕様、そしてAlien Artの場合はMP4動画と編集できるプロジェクトです。

Tableau、Power BI、Looker向けのグラフMCPはありますか?

この記事の執筆時点では、主要なBIベンダー(Tableau、Power BI、Looker)はいずれも公式のグラフMCP連携を提供していません。グラフMCPのカテゴリは、オープンソースのJSグラフライブラリをラップしたものと、アニメーション分野のAlien Artが中心です。

動画を生成できる唯一のグラフMCPを試す

登録してProを始め、https://alienart.io/mcpをClaude、ChatGPT、Cursorに貼り付けるだけ。あとはOAuthにおまかせで、最初から最後まで1分もかかりません。