mcp-server-chart vs chrome-devtools-mcp

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

	mcp-server-chart by antvis	chrome-devtools-mcp by benjaminr
Stars	★ 4,068	★ 297
30d uses	10,239	—
Score	84	48
Official	—	—
Categories	AI / LLM ToolsDeveloper ToolsProductivity	Developer ToolsBrowser AutomationMonitoring
Language	TypeScript	Python
Last commit	this month	7 mo ago

mcp-server-chart · Summary

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

chrome-devtools-mcp · Summary

Chrome DevTools MCP server enables web debugging through Claude by connecting to Chrome's debugging capabilities.

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

chrome-devtools-mcp · Use cases

Debug API calls in web applications by monitoring network requests and responses
Inspect JavaScript objects and console errors to diagnose frontend issues
Analyze performance metrics and identify loading bottlenecks in 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"]
    }
  }
}

chrome-devtools-mcp · Install

Installation Options

Claude Desktop Extension (Easiest)

Download the latest .dxt file from [Releases](https://github.com/benjaminr/chrome-devtools-mcp/releases)
Open Claude Desktop
Go to Extensions and install the downloaded .dxt file

Manual Claude Desktop Setup

Add to your Claude Desktop config file:

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "python",
      "args": ["/absolute/path/to/chrome-devtools-mcp/server.py"],
      "env": {
        "CHROME_DEBUG_PORT": "9222"
      }
    }
  }
}

MCP CLI

mcp install server.py -n "Chrome DevTools MCP" --with-editable .

Claude Code

uv sync
SERVER_PATH="$(pwd)/server.py"
PYTHON_PATH="$(pwd)/.venv/bin/python"
claude mcp add chrome-devtools "$PYTHON_PATH" "$SERVER_PATH" -e CHROME_DEBUG_PORT=9222

Comparison generated from public README + GitHub signals. Last updated automatically.