MCP Catalogs
首页

mcp-server-chart vs mcp-mermaid-validator

并排对比,帮你在这两个 MCP server 之间做选择。

mcp-server-chart
by antvis
mcp-mermaid-validator
by rtuin
Stars★ 4,068★ 54
30天用量10,239
综合分8445
官方
分类
AI / LLM 工具开发者工具效率工具
开发者工具效率工具AI / LLM 工具
实现语言TypeScriptJavaScript
最近提交本月3 个月前

mcp-server-chart · 概述

使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器,支持多种图表类型和部署方式。

mcp-mermaid-validator · 概述

MCP 服务器,用于验证和渲染 Mermaid 图表为 PNG 格式。

mcp-server-chart · 使用场景

  • 数据分析师从数据集中创建可视化报告
  • AI 助手根据用户请求生成自定义图表
  • Web 应用通过 HTTP API 嵌入可视化功能

mcp-mermaid-validator · 使用场景

  • 生成 Mermaid 图表的 LLM 可以在渲染前验证语法
  • 需要包含验证后图表可视化的文档系统
  • 处理图表密集型文档的开发者需要自动化验证

mcp-server-chart · 安装

安装

全局安装:

npm install -g @antv/mcp-server-chart

对于桌面应用(如 Claude Desktop、VSCode):

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": ["-y", "@antv/mcp-server-chart"]
    }
  }
}

Windows 系统:

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "@antv/mcp-server-chart"]
    }
  }
}

mcp-mermaid-validator · 安装

安装

使用 npx:

npx -y @rtuin/mcp-mermaid-validator@latest

添加到您的 MCP 配置(例如,Claude Desktop):

{
  "mcpServers": {
    "mermaid-validator": {
      "command": "npx",
      "args": [
        "-y",
        "@rtuin/mcp-mermaid-validator@latest"
      ]
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。