mcp-server-chart vs Generative-UI-MCP
Side-by-side comparison to help you pick between these two MCP servers.
mcp-server-chart by antvis | Generative-UI-MCP by op7418 | |
|---|---|---|
| Stars | ★ 4,068 | ★ 52 |
| 30d uses | 10,239 | — |
| Score | 84 | 45 |
| Official | — | — |
| Categories | AI / LLM ToolsDeveloper ToolsProductivity | AI / LLM ToolsDeveloper ToolsProductivity |
| Language | TypeScript | TypeScript |
| Last commit | this month | 2 mo ago |
mcp-server-chart · Summary
A TypeScript MCP server for generating 26+ visualization charts using AntV, supporting multiple chart types and deployment options.
Generative-UI-MCP · Summary
MCP server for generating interactive visualizations with design guidelines loaded on demand.
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
Generative-UI-MCP · Use cases
- Generating interactive data visualizations in AI applications
- Creating UI mockups and diagrams for documentation
- Building AI-powered design tools with structured components
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"]
}
}
}Generative-UI-MCP · Install
Auto-install via AI
Copy and paste the following prompt into your AI assistant (Claude Code, Cursor, etc.) to install automatically: > Install the generative-ui-mcp MCP server. Run npx generative-ui-mcp as a stdio MCP server. The server name should be "generative-ui".
Claude Desktop
Add to your claude_desktop_config.json:
{
"mcpServers": {
"generative-ui": {
"command": "npx",
"args": ["generative-ui-mcp"]
}
}
}Other AI Tools (Cursor/Windsurf)
Add to your MCP settings (.cursor/mcp.json or equivalent):
{
"mcpServers": {
"generative-ui": {
"command": "npx",
"args": ["generative-ui-mcp"]
}
}
}