fullstack-langgraph-nextjs-agent vs mcp-server-chart

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

	fullstack-langgraph-nextjs-agent by agentailor	mcp-server-chart by antvis
Stars	★ 106	★ 4,068
30d uses	—	10,239
Score	47	84
Official	—	—
Categories	AI / LLM ToolsDeveloper ToolsProductivity	AI / LLM ToolsDeveloper ToolsProductivity
Language	TypeScript	TypeScript
Last commit	1 mo ago	this month

fullstack-langgraph-nextjs-agent · Summary

Production-ready Next.js template with MCP integration for dynamic tool loading in AI agents.

mcp-server-chart · Summary

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

fullstack-langgraph-nextjs-agent · Use cases

Building production-ready AI agents with tool calling capabilities
Creating applications requiring human approval for AI tool usage
Developing systems with persistent conversation memory and multimodal support

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

fullstack-langgraph-nextjs-agent · Install

Installation

**Clone and Install**

git clone https://github.com/IBJunior/fullstack-langgraph-nextjs-agent.git
cd fullstack-langgraph-nextjs-agent
pnpm install

**Environment Setup**

cp .env.example .env.local

Edit .env.local with your configuration:

# Database
DATABASE_URL="postgresql://user:password@localhost:5434/agent_db"

# AI Models
OPENAI_API_KEY="sk-..."
GOOGLE_API_KEY="..."
ANTHROPIC_API_KEY="sk-ant-..."

**Start Services**

docker compose up -d  # Starts PostgreSQL and MinIO

**Database Setup**

pnpm prisma:generate
pnpm prisma:migrate

**Run Development Server**

pnpm dev

Claude Desktop Integration

To use with Claude Desktop, add to claude_desktop_config.json:

{"mcpServers": {"langgraph-agent": {"command": "node", "args": ["path/to/your/project/dist/server.js"]}}}

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

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