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์ ๋ฐํํฉ๋๋ค.
Related MCP server: PowerPoint MCP Server
๐ค ์ฌ์ฉ๋ฒ
Claude, VSCode, Cline , Cherry Studio ๋ฑ Desktop APP ์์ ์ฌ์ฉํ๋ ค๋ฉด ์๋ MCP ์๋ฒ ๊ตฌ์ฑ์ ์ถ๊ฐํ์ธ์. Mac ์์คํ
์์๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
์ง์์คํผ1
Window ์์คํ ์์:
{
"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 ์ต์
์ ์ฌ์ฉํ ์๋ ์์ต๋๋ค. run cli ๋ช
๋ น์ -h ์ต์
์ ์ถ๊ฐํ์ฌ ์ฌ์ฉํ ์ ์์ต๋๋ค.
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 buildMCP ์๋ฒ๋ฅผ ์์ํฉ๋๋ค.
npm run start๐ ๋ผ์ด์ผ์ค
MIT@ AntV .