MCP Catalogs
Home

mcp-server-chart vs vscode-mcp

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

mcp-server-chart
by antvis
vscode-mcp
by tjx666
Stars★ 4,068★ 76
30d uses10,239
Score8446
Official
Categories
AI / LLM ToolsDeveloper ToolsProductivity
Developer ToolsAI / LLM Tools
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.

vscode-mcp · Summary

VSCode MCP server that provides real-time LSP diagnostics, type information, and code navigation for AI coding agents without waiting for slow tsc/eslint checks.

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

vscode-mcp · Use cases

  • AI coding agents getting real-time diagnostics instead of running slow type checkers
  • Enhanced code completion and navigation in AI IDEs like Cursor and Claude Code
  • Safe refactoring operations with automatic import updates across files

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

vscode-mcp · Install

Installation

  1. Install the VSCode MCP Bridge extension using ID: YuTengjing.vscode-mcp-bridge
  1. Install the MCP server in your environment:

**Claude Code**:

claude mcp add vscode-mcp -- npx -y @vscode-mcp/vscode-mcp-server@latest

**Cursor**: Click the install button or add manually via Settings -> Tools & Integrations -> New MCP Server with command: npx @vscode-mcp/vscode-mcp-server@latest

**Gemini CLI**:

{
  "mcpServers": {
    "vscode-mcp": {
      "command": "npx",
      "args": ["-y", "@vscode-mcp/vscode-mcp-server@latest"]
    }
  }
}
Comparison generated from public README + GitHub signals. Last updated automatically.