frontmcp vs mcp-server-chart
Side-by-side comparison to help you pick between these two MCP servers.
frontmcp by agentfront | mcp-server-chart by antvis | |
|---|---|---|
| Stars | ★ 143 | ★ 4,068 |
| 30d uses | — | 10,239 |
| Score | 49 | 84 |
| Official | — | — |
| Categories | Developer ToolsAI / LLM ToolsOps & Infra | AI / LLM ToolsDeveloper ToolsProductivity |
| Language | TypeScript | TypeScript |
| Last commit | this month | this month |
frontmcp · Summary
TypeScript-first framework for building MCP servers with decorators, DI, and Streamable HTTP transport.
mcp-server-chart · Summary
A TypeScript MCP server for generating 26+ visualization charts using AntV, supporting multiple chart types and deployment options.
frontmcp · Use cases
- Building production-ready MCP servers with TypeScript type safety
- Creating complex agent workflows with orchestrated tool chains
- Developing skills for agent marketplaces with HTTP-discoverable manifests
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
frontmcp · Install
Installation
**Node.js 24+** required.
# New project (recommended)
npx frontmcp create my-app
# Existing project
npm i -D frontmcp @types/node@^24
npx frontmcp initClaude Desktop Configuration
Add to Claude Desktop config.json:
{
"mcpServers": {
"frontmcp": {
"command": "node",
"args": ["/path/to/your/server.js"]
}
}
}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"]
}
}
}