Skip to main content
Glama

Quickchart-MCP-Server

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

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

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

  1. 概要
    1. 特徴
      1. ツール
    2. サポートされているグラフの種類
      1. 使用法
        1. チャート設定
        2. URL生成
      2. 発達
        1. インストール
          1. インストール
          2. Smithery経由でインストール
        2. ドキュメント参照
          1. 📜 ライセンス

            Related MCP Servers

            • A
              security
              F
              license
              A
              quality
              Enables users to create UI flowcharts by generating visualizations of user interfaces and interactions through an easy-to-use API within MCP-compatible systems.
              Last updated -
              1
              7
              5
              TypeScript
            • -
              security
              F
              license
              -
              quality
              An MCP server that allows AI models to create data visualizations using Vega-Lite syntax by providing tools to save data tables and generate visualizations from them.
              Last updated -
              Python
            • -
              security
              A
              license
              -
              quality
              A MCP server that creates graphic recordings by converting websites or text input into visual summaries using different prompt styles (standard, elementary, timeline).
              Last updated -
              TypeScript
              MIT License
            • A
              security
              A
              license
              A
              quality
              mcp-server-chart
              Last updated -
              4
              2,204
              652
              TypeScript
              MIT License
              • Apple

            View all related MCP servers

            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