MCP Catalogs
Home

mcp-server-chart vs nakkas

Side-by-side comparison to help you pick between these two MCP servers.

mcp-server-chart
by antvis
nakkas
by arikusi
Stars★ 4,068★ 8
30d uses10,239
Score8441
Official
Categories
AI / LLM ToolsDeveloper ToolsProductivity
AI / LLM ToolsDeveloper ToolsMedia
LanguageTypeScriptTypeScript
Last committhis month1 mo ago

mcp-server-chart · Summary

A TypeScript MCP server for generating 26+ visualization charts using AntV, supporting multiple chart types and deployment options.

nakkas · Summary

MCP server that turns AI into an SVG artist, generating animated SVG graphics from JSON configuration.

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

nakkas · Use cases

  • Generating animated logos and visual elements for presentations
  • Creating data visualizations with animated transitions
  • Designing UI elements and loading animations for web applications

mcp-server-chart · Install

Installation

Install globally:

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

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

nakkas · Install

Installation

Claude Desktop

Add to your config file:

  • 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
Comparison generated from public README + GitHub signals. Last updated automatically.