Make Charts With AI — MCPサーバー

Make Charts With AI MCPサーバーは、AIを活用したチャート推奨および生成機能を、AIエージェント（Claude Desktop、Cursor、Antigravity、VS Codeなど）向けの標準的なModel Context Protocol (MCP)ツールとして公開します。

npmパッケージ: makechartswithai

⚡ クイックスタート

1. APIキーを取得する

makechartswithai.online/mcp にアクセスして、無料の匿名APIキー（キーごとに5回のツール呼び出し）を生成します。

2. MCPクライアントに追加する

MCPクライアント設定ファイル（claude_desktop_config.json、mcp_config.json など）に以下を追加します:

{
  "mcpServers": {
    "makechartswithai": {
      "command": "npx",
      "args": ["-y", "makechartswithai"],
      "env": {
        "MAKECHARTSWITHAI_API_KEY": "mcwai_ak_your_key_here",
        "MAKECHARTSWITHAI_BACKEND_URL": "https://makechartswithai.online"
      }
    }
  }
}

以上で、AIエージェントがチャートの推奨と生成を行えるようになります。

🛠️ 利用可能なMCPツール

1. recommend_charts

生のデータセット（JSON、CSV、Markdownテーブル、または自然言語プロンプト）を分析し、信頼スコアと根拠を添えて最適なチャートタイプを提案します。

入力:

• dataset_json (string, optional): 生のJSONデータ配列またはオブジェクト文字列。

• dataset_content (string, optional): CSV、Markdownテーブル、またはプレーンテキストデータ。

• user_intent (string, optional): 可視化したい内容を説明する自然言語。

• focus_columns (string[], optional): 優先するターゲット列名。

2. generate_chart

本番利用可能なチャート仕様を生成し、選択した形式（share_link、svg、png）で出力を返します。レンダリングエンジン（vegalite、echarts、chartjs）は、チャートタイプの機能に基づいて自動的に決定されます。

入力:

• dataset_json (string, optional): 生のJSONデータ文字列。

• dataset_content (string, optional): 表形式のデータセット（CSV、Markdown）。

• user_intent (string, optional): 自然言語による可視化プロンプト。

• preferred_chart_type (string enum, optional): サポートされている46種類のチャートタイプのいずれか（Bar Chart、Grouped Bar Chart、Stacked Bar Chart、Line Chart、Scatter Plot、Pie Chart、Area Chart、Heatmap、Radar Chart、Sunburst Chart、Sankey Diagram など）。

• output_format (enum, optional: "share_link" | "svg" | "png", default: "share_link"):

  • "share_link": makechartswithai.online 上の公開ビューURLと編集URLを返します。

  • "svg": ベクターSVG XMLマークアップ文字列をレンダリングして返します。

  • "png": 高解像度のPNG画像ペイロード（image/png base64 + 保存済みファイルアーティファクト）をレンダリングして返します。

🔑 環境変数

従来のエイリアス: 後方互換性のため、CHARTIT_API_KEY と CHARTIT_BACKEND_URL もサポートされています。

📊 サポートされているチャートタイプ（46）

Area Chart, Bar Chart, Bar Table, Boxplot, Bubble Chart, Bullet Chart, Bump Chart, Calendar Heatmap, Candlestick Chart, Choropleth, Combo Chart, Connected Scatter Plot, Density Plot, Doughnut Chart, ECDF Plot, Funnel Chart, Gantt Chart, Gauge Chart, Grouped Bar Chart, Heatmap, Histogram, KPI Card, Line Chart, Lollipop Chart, Map, Network Graph, Parallel Coordinates, Pie Chart, Pyramid Chart, Radar Chart, Range Area Chart, Ranged Dot Plot, Regression, Rose Chart, Sankey Diagram, Scatter Plot, Slope Chart, Sparkline, Stacked Bar Chart, Streamgraph, Strip Plot, Sunburst Chart, Tree, Treemap, Violin Plot, Waterfall Chart.

🔗 リンク

• 🌐 アプリ: makechartswithai.online

• 🔑 APIキー: makechartswithai.online/mcp

• 📦 npm: npmjs.com/package/makechartswithai

• 🐙 GitHub: github.com/vickytr44/makechartswithai-mcp