MCP Catalogs
首页

mcp-server-chart vs flowlens-mcp-server

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

mcp-server-chart
by antvis
flowlens-mcp-server
by magentic
Stars★ 4,068★ 105
30天用量10,239
综合分8446
官方
分类
AI / LLM 工具开发者工具效率工具
浏览器自动化开发者工具AI / LLM 工具
实现语言TypeScriptPython
最近提交本月5 个月前

mcp-server-chart · 概述

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

flowlens-mcp-server · 概述

FlowLens MCP 服务器为编程代理提供完整的浏览器上下文,用于调试和回归测试。

mcp-server-chart · 使用场景

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

flowlens-mcp-server · 使用场景

  • 提供完整上下文的错误报告
  • 对关键用户流程进行回归测试
  • 与团队成员共享浏览器流程进行协作调试

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"]
    }
  }
}

flowlens-mcp-server · 安装

安装步骤

  1. 从 Chrome 网上应用店安装 FlowLens Chrome 扩展
  2. 安装 MCP 服务器:
pipx install flowlens-mcp-server
  1. 添加到您的 MCP 客户端配置(例如 ~/.claude.json):
"flowlens": {
  "command": "flowlens-mcp-server",
  "type": "stdio"
}
  1. 对于可共享流程,从 FlowLens 平台获取您的 FLOWLENS_MCP_TOKEN 并将其添加到您的配置中:
对比内容由 README + GitHub 公开数据自动生成,定期更新。