MCP Catalogs
Home

mcp-server-chart vs webclaw

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

mcp-server-chart
by antvis
webclaw
by kuroko1t
Stars★ 4,068★ 18
30d uses10,239
Score8445
Official
Categories
AI / LLM ToolsDeveloper ToolsProductivity
Browser AutomationDeveloper ToolsProductivity
LanguageTypeScriptTypeScript
Last committhis month2 mo ago

mcp-server-chart · Summary

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

webclaw · Summary

WebClaw is a Chrome extension-based MCP server that allows AI assistants to control real Chrome browser sessions through a WebSocket connection.

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

webclaw · Use cases

  • Automating web testing and QA workflows using AI assistants
  • Cross-platform web scraping with existing authenticated sessions
  • AI-powered UI automation and task completion 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"]
    }
  }
}

webclaw · Install

Installation

1. Configure your MCP client

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "webclaw": {
      "command": "npx",
      "args": ["-y", "webclaw-mcp"]
    }
  }
}
Other clients
# Claude Code
claude mcp add webclaw -- npx -y webclaw-mcp

# Cursor / VS Code / Windsurf
# Add to respective MCP config files:
{
  "mcpServers": {
    "webclaw": {
      "command": "npx",
      "args": ["-y", "webclaw-mcp"]
    }
  }
}

2. Load Chrome Extension

  1. Download the latest [webclaw-extension.zip](https://github.com/kuroko1t/webclaw/releases/latest)
  2. Open chrome://extensions/ → enable **Developer mode**
  3. Click **Load unpacked** → select the dist/ folder
Comparison generated from public README + GitHub signals. Last updated automatically.