Skip to main content
Glama

MCP サーバーチャート建てる npmバージョン 鍛冶屋のバッジ npmライセンス

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

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

✨ 特徴

現在 15 以上のチャートがサポートされています。

  • generate_area_chart - areaグラフを生成し、画像の URL を返します。

  • generate_bar_chart - barを生成し、画像の URL を返します。

  • generate_column_chart - column棒グラフを生成し、画像の URL を返します。

  • generate_dual_axes_chart - dual-axesグラフを生成し、画像の URL を返します。

  • generate_fishbone_diagram - fishbone-diagramチャートを生成し、画像の URL を返します。

  • generate_flow_diagram - flow-diagramチャートを生成し、画像の URL を返します。

  • generate_histogram_chart - histogramチャートを生成し、画像の URL を返します。

  • generate_line_chart - lineグラフを生成し、画像の URL を返します。

  • generate_mind_map - mind-mapチャートを生成し、画像の URL を返します。

  • generate_network_graph - network-graphチャートを生成し、画像の URL を返します。

  • generate_pie_chart - pieを生成し、画像の URL を返します。

  • generate_radar_chart - radarチャートを生成し、画像の URL を返します。

  • generate_scatter_chart - scatter図を生成し、画像の URL を返します。

  • generate_treemap_chart - treemapチャートを生成し、画像の URL を返します。

  • generate_word_cloud_chart - word-cloudチャートを生成し、画像の URL を返します。

Related MCP server: PowerPoint MCP Server

🤖 使用方法

Claude、VSCode、 Cline 、Cherry StudioなどのDesktop APPで使用するには、以下のMCPサーバー設定を追加してください。Macシステムの場合:

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

Windows システムの場合:

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

また、HTTP、SSE プロトコルを使用して、 aliyunmodelscopeglama.aismithery.aiなどでも使用できます。

🚰 SSE または Streamable トランスポートで実行

パッケージをグローバルにインストールします。

npm install -g @antv/mcp-server-chart

優先するトランスポート オプションを使用してサーバーを実行します。

# For SSE transport (default endpoint: /sse)
mcp-server-chart --transport sse

# For Streamable transport with custom endpoint
mcp-server-chart --transport streamable

次に、次のサーバーにアクセスします。

  • SSE トランスポート: http://localhost:1122/sse

  • ストリーミング可能なトランスポート: http://localhost:1122/mcp

🎮 CLI オプション

MCP サーバーを実行する際には、次の CLI オプションも使用できます。 -hを指定して cli を実行すると、コマンド オプションが使用できます。

MCP Server Chart CLI

Options:
  --transport, -t  Specify the transport protocol: "stdio", "sse", or "streamable" (default: "stdio")
  --port, -p       Specify the port for SSE or streamable transport (default: 1122)
  --endpoint, -e   Specify the endpoint for the transport:
                   - For SSE: default is "/sse"
                   - For streamable: default is "/mcp"
  --help, -h       Show this help message

📠 プライベート展開

MCP Server Chartデフォルトで無料のチャート生成サービスを提供しています。プライベートな導入をご希望の場合は、 VIS_REQUEST_SERVERを使用して独自のチャート生成サービスをカスタマイズすることも可能です。

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "VIS_REQUEST_SERVER": "<YOUR_VIS_REQUEST_SERVER>"
      }
    }
  }
}

AntV のプロジェクトGPT-Vis-SSRを使用して、プライベート環境に HTTP サービスを展開し、 env VIS_REQUEST_SERVERを介して URL アドレスを渡すことができます。

🔨 開発

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

npm install

サーバーを構築します。

npm run build

MCP サーバーを起動します。

npm run start

📄 ライセンス

MIT@ AntV

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/antvis/mcp-server-chart'

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