mcp-server-chart vs x-mcp
Side-by-side comparison to help you pick between these two MCP servers.
mcp-server-chart by antvis | x-mcp by CS-Tao | |
|---|---|---|
| Stars | ★ 4,068 | ★ 1 |
| 30d uses | 10,239 | — |
| Score | 84 | 33 |
| Official | — | — |
| Categories | AI / LLM ToolsDeveloper ToolsProductivity | Developer ToolsAI / LLM ToolsOther |
| Language | TypeScript | TypeScript |
| 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.
x-mcp · Summary
A TypeScript-based MCP framework with middleware and mod architecture for extending functionality.
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
x-mcp · Use cases
- Building complex MCP servers with modular architecture
- Creating reusable middleware components for cross-cutting concerns
- Developing MCP features as installable packages
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"]
}
}
}x-mcp · Install
# Installation
npm i ext-mcp
# Basic usage
import path from "path";
import XMCP from "ext-mcp";
const app = new XMCP({
name: "my-mcp",
version: "0.0.1"
});
# Add middleware
app.use(path.join(__dirname, "./middlewares/logger"));
app.use(errorHandler);
# Install mods
app.installMod(path.join(__dirname, "./mods/say-hello"));
app.installMod(sayGoodbye);
# Start the service
app.start();For Claude Desktop, add to claude_desktop_config.json:
{
"mcpServers": {
"ext-mcp": {
"command": "node",
"args": ["path/to/your/script.js"]
}
}
}