MCP Catalogs
Home

mcp-server-chart vs nanobanana-mcp

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

mcp-server-chart
by antvis
nanobanana-mcp
by YCSE
Stars★ 4,068★ 28
30d uses10,239
Score8444
Official
Categories
AI / LLM ToolsDeveloper ToolsProductivity
AI / LLM ToolsMediaProductivity
LanguageTypeScriptJavaScript
Last committhis month3 mo ago

mcp-server-chart · Summary

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

nanobanana-mcp · Summary

An MCP server integrating Gemini's image generation and editing capabilities with Claude Desktop and Claude Code.

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

nanobanana-mcp · Use cases

  • Creating concept art and visual designs directly within Claude
  • Maintaining visual consistency across multiple image generations
  • Editing and iterating on images using natural language instructions

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

nanobanana-mcp · Install

Installation

Prerequisites
  • Node.js 18+
  • Google AI API Key
Add to Claude Desktop

Edit ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows):

{
  "mcpServers": {
    "nanobanana-mcp": {
      "command": "npx",
      "args": ["-y", "@ycse/nanobanana-mcp"],
      "env": {
        "GOOGLE_AI_API_KEY": "your_api_key"
      }
    }
  }
}
Add to Claude Code
claude mcp add nanobanana-mcp -- npx -y @ycse/nanobanana-mcp \
  -e "GOOGLE_AI_API_KEY=your_api_key"
Comparison generated from public README + GitHub signals. Last updated automatically.