MCP Catalogs
首页

mcp-server-chart vs markview

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

mcp-server-chart
by antvis
markview
by paulhkang94
Stars★ 4,068★ 29
30天用量10,239
综合分8444
官方
分类
AI / LLM 工具开发者工具效率工具
开发者工具效率工具AI / LLM 工具
实现语言TypeScriptHTML
最近提交本月本月

mcp-server-chart · 概述

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

markview · 概述

为 Claude Code 提供原生 macOS 预览功能的 MCP 服务器,支持 GitHub 风格 Markdown 和 Mermaid 图表。

mcp-server-chart · 使用场景

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

markview · 使用场景

  • Claude Code 用户需要实时预览 Markdown 内容
  • 开发者需要在不切换上下文的情况下可视化 Mermaid 图表
  • 团队需要原生、快速的 Markdown 预览器,避免 Electron 的性能开销

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

markview · 安装

安装

使用 Homebrew(推荐)

brew install --cask paulhkang94/markview/markview

Claude Desktop 配置

~/Library/Application Support/Claude/claude_desktop_config.json 中添加:

{
  "mcpServers": {
    "markview": {
      "command": "npx",
      "args": ["mcp-server-markview"]
    }
  }
}

Claude Code 配置

claude mcp add --transport stdio --scope user markview -- npx mcp-server-markview
对比内容由 README + GitHub 公开数据自动生成,定期更新。