mcp-server-chart vs template-mcp-server
Side-by-side comparison to help you pick between these two MCP servers.
mcp-server-chart by antvis | template-mcp-server by mcpdotdirect | |
|---|---|---|
| Stars | ★ 4,068 | ★ 74 |
| 30d uses | 10,239 | — |
| Score | 84 | 45 |
| Official | — | — |
| Categories | AI / LLM ToolsDeveloper ToolsProductivity | Developer ToolsProductivityOther |
| Language | TypeScript | JavaScript |
| Last commit | this month | 6 mo ago |
mcp-server-chart · Summary
A TypeScript MCP server for generating 26+ visualization charts using AntV, supporting multiple chart types and deployment options.
template-mcp-server · Summary
A starter template for building MCP servers with FastMCP supporting both stdio and HTTP transports.
mcp-server-chart · Use cases
- Data analysts creating visual reports from datasets
- AI assistants generating custom charts based on user requests
- Web applications embedding visualization capabilities via HTTP API
template-mcp-server · Use cases
- Quickly bootstrap new MCP server projects with minimal setup
- Create team-shared MCP tools using HTTP transport
- Develop personal productivity tools with stdio transport
mcp-server-chart · Install
Installation
Install globally:
npm install -g @antv/mcp-server-chartFor Desktop Apps (e.g., Claude Desktop, VSCode):
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"]
}
}
}For Windows:
{
"mcpServers": {
"mcp-server-chart": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@antv/mcp-server-chart"]
}
}
}template-mcp-server · Install
Installation
Create a new MCP server project using npx or npm:
# with npx
npx @mcpdotdirect/create-mcp-server
# Or with npm
npm init @mcpdotdirect/mcp-serverAfter creating your project, install dependencies:
npm installClaude Desktop Configuration
Add to your Claude Desktop config.json:
{
"mcpServers": {
"my-mcp-server": {
"command": "npm",
"args": ["start"]
}
}
}