mcp-server-chart vs mcp-image

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

	mcp-server-chart by antvis	mcp-image by shinpr
Stars	★ 4,068	★ 110
30d uses	10,239	—
Score	84	47
Official	—	—
Categories	AI / LLM ToolsDeveloper ToolsProductivity	AI / LLM ToolsMediaProductivity
Language	TypeScript	TypeScript
Last commit	this month	this month

mcp-server-chart · Summary

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

mcp-image · Summary

MCP server for AI image generation with automatic prompt optimization using Gemini or OpenAI models.

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

mcp-image · Use cases

Generate images for creative projects without prompt engineering knowledge
Create consistent character designs across multiple visual assets
Produce high-quality images for professional content creation with minimal effort

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

mcp-image · Install

Installation

Prerequisites

Node.js 22 or higher
Gemini API key (from Google AI Studio) or OpenAI API key
MCP-compatible AI tool (Cursor, Claude Code, Codex)

Quick Start

For Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "mcp-image": {
      "command": "npx",
      "args": ["-y", "mcp-image"],
      "env": {
        "GEMINI_API_KEY": "your_gemini_api_key_here",
        "IMAGE_OUTPUT_DIR": "/absolute/path/to/images"
      }
    }
  }
}

For Cursor

Add to your Cursor settings (global or project-specific):

{
  "mcpServers": {
    "mcp-image": {
      "command": "npx",
      "args": ["-y", "mcp-image"],
      "env": {
        "GEMINI_API_KEY": "your_gemini_api_key_here",
        "IMAGE_OUTPUT_DIR": "/absolute/path/to/images"
      }
    }
  }
}

For Codex

Add to ~/.codex/config.toml:

[mcp_servers.mcp-image]
command = "npx"
args = ["-y", "mcp-image"]

[mcp_servers.mcp-image.env]
GEMINI_API_KEY = "your_gemini_api_key_here"
IMAGE_OUTPUT_DIR = "/absolute/path/to/images"

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