quickchart-server MCP サーバー

QuickChart.io を使用してチャートを生成するためのモデルコンテキストプロトコルサーバー

これはTypeScriptベースのMCPサーバーで、チャート生成機能を提供します。MCPツールを通じて様々な種類のチャートを作成できます。

概要

このサーバーは、QuickChart.ioのURLベースのチャート生成サービスと統合されており、Chart.jsの設定を使用してチャート画像を作成します。ユーザーはデータとスタイルパラメータを提供することで、様々なタイプのチャートを生成できます。サーバーはこれらのデータをチャートのURLまたはダウンロード可能な画像に変換します。

Related MCP server: MCP Server Chart

特徴

ツール

generate_chart - QuickChart.io を使用してチャートの URL を生成します
- 複数のチャートタイプをサポート: 棒グラフ、折れ線グラフ、円グラフ、ドーナツグラフ、レーダーグラフ、極座標グラフ、散布図、バブルグラフ、ラジアルゲージグラフ、速度計
- ラベル、データセット、色、追加オプションでカスタマイズ可能
- 生成されたチャートのURLを返します
download_chart - チャート画像をローカルファイルにダウンロードする
- チャートの設定と出力パスをパラメータとして受け取ります
- チャート画像を指定された場所に保存します

サポートされているグラフの種類

棒グラフ: カテゴリ間で値を比較します
折れ線グラフ: 時間の経過に伴う傾向を示す
円グラフ: 比例データを表示する
ドーナツグラフ: 中心が空洞になっている円グラフに似ています
レーダーチャート: 多変量データを表示する
極座標エリアチャート: 固定角度のセグメントで比例データを表示します。
散布図: データポイントの分布を示す
バブルチャート: 3次元のデータ視覚化
ラジアルゲージ: 範囲内の単一の値を表示する
スピードメーター: スピードメーター形式の値表示

使用法

チャート設定

サーバーはChart.jsの設定形式を使用します。基本的な例を以下に示します。

{
  "type": "bar",
  "data": {
    "labels": ["January", "February", "March"],
    "datasets": [{
      "label": "Sales",
      "data": [65, 59, 80],
      "backgroundColor": "rgb(75, 192, 192)"
    }]
  },
  "options": {
    "title": {
      "display": true,
      "text": "Monthly Sales"
    }
  }
}

URL生成

サーバーは設定を QuickChart URL に変換します。

https://quickchart.io/chart?c={...encoded configuration...}

発達

依存関係をインストールします:

npm install

サーバーを構築します。

npm run build

インストール

npm install @gongrzhe/quickchart-mcp-server

Smithery経由でインストール

Smithery経由で Claude Desktop 用の QuickChart Server を自動的にインストールするには:

npx -y @smithery/cli install @gongrzhe/quickchart-mcp-server --client claude

Claude Desktop で使用するには、サーバー設定を追加します。

MacOS の場合: ~/Library/Application Support/Claude/claude_desktop_config.json Windows の場合: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "quickchart-server": {
      "command": "node",
      "args": ["/path/to/quickchart-server/build/index.js"]
    }
  }
}

または

{
  "mcpServers": {
    "quickchart-server": {
      "command": "npx",
      "args": [
        "-y",
        "@gongrzhe/quickchart-mcp-server"
      ]
    }
  }
}