MCP Catalogs
首页

mcp-server-chart vs nakkas

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

mcp-server-chart
by antvis
nakkas
by arikusi
Stars★ 4,068★ 8
30天用量10,239
综合分8441
官方
分类
AI / LLM 工具开发者工具效率工具
AI / LLM 工具开发者工具多媒体
实现语言TypeScriptTypeScript
最近提交本月1 个月前

mcp-server-chart · 概述

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

nakkas · 概述

MCP服务器将AI转变为SVG艺术家,从JSON配置生成动画SVG图形。

mcp-server-chart · 使用场景

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

nakkas · 使用场景

  • 为演示文稿生成动画标志和视觉元素
  • 创建带有动画过渡效果的数据可视化
  • 为Web应用程序设计UI元素和加载动画

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

nakkas · 安装

安装

Claude Desktop

添加到您的配置文件:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Linux: ~/.config/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "nakkas": {
      "command": "npx",
      "args": ["-y", "nakkas@latest"]
    }
  }
}

Claude Code (CLI)

claude mcp add nakkas npx nakkas@latest
对比内容由 README + GitHub 公开数据自动生成,定期更新。