A
security-
licenseA
qualityAn MCP server for generating customizable data visualizations using QuickChart.io, supporting multiple chart types and Chart.js configuration.
Last updated -
2
318
149
MIT License
MCP サーバーチャート
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 を返します。
🤖 使用方法
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 プロトコルを使用して、 aliyun 、 modelscope 、 glama.ai 、 smithery.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 。
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.
Tools
🤖 AntV を使用して 15 以上のビジュアル チャートを生成するためのモデル コンテキスト プロトコル サーバー。
Related Resources
Related MCP Servers
- -security-license-qualityA Model Context Protocol server that generates TradingView chart visualizations with real-time updates, enabling AI assistants to create and display financial charts through an integration with Chart-IMG API.
- Asecurity-licenseAqualityThis Model Context Protocol (MCP) server provides powerful visualization tools using QuickChart.io APIs. With this MCP, AI assistants can create charts, diagrams, barcodes, QR codes, word clouds, tables, and more.Last updated -1219
- Asecurity-licenseAqualityA Model Context Protocol server that generates lightweight ASCII charts directly in terminal environments, supporting line charts, bar charts, scatter plots, histograms, and sparklines without GUI dependencies.Last updated -531MIT License