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 ์‹œ์Šคํ…œ์—์„œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์ง€์—‘์Šคํ”ผ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 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