Quickchart-MCP-Server

by GongRzhe
Verified

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Integrations

  • Generates charts using Chart.js configurations through QuickChart.io's service, supporting various chart types including bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, and speedometer.

quickchart-server MCP サーバー

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

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

概要

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

特徴

ツール

  • 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 ライセンスに基づいてライセンスされています。

You must be authenticated.

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

QuickChart.io を使用してカスタマイズ可能なデータ視覚化を生成するための MCP サーバー。複数のチャート タイプと Chart.js 構成をサポートします。

  1. Overview
    1. Features
      1. Tools
    2. Supported Chart Types
      1. Usage
        1. Chart Configuration
        2. URL Generation
      2. Development
        1. Installation
          1. Installing
          2. Installing via Smithery
        2. Documentation References
          1. 📜 License
            ID: y17zluizso