Skip to main content
Glama

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" ] } } }

ドキュメント参照

📜 ライセンス

このプロジェクトは MIT ライセンスに基づいてライセンスされています。

One-click Deploy
A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/GongRzhe/Quickchart-MCP-Server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server