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: MCP Chart 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