Chart.js MCP Server

A Model Context Protocol (MCP) server that generates beautiful charts using Chart.js v4. Perfect for data visualization in Claude Desktop, Cursor, and other MCP-compatible applications.

Just ask “Create a bubble chart showing company performance” and get professional results instantly!

📦 NPM Package

• Name: @ax-crew/chartjs-mcp-server
• Version: 3.2.0
• Node: >=18
• CLI bin: chartjs-mcp-server
• NPM: @ax-crew/chartjs-mcp-server

Install

# npm
npm install -D @ax-crew/chartjs-mcp-server

# pnpm
pnpm add -D @ax-crew/chartjs-mcp-server

# yarn
yarn add -D @ax-crew/chartjs-mcp-server

# bun
bun add -d @ax-crew/chartjs-mcp-server

Run

# via npx (recommended for MCP clients)
npx @ax-crew/chartjs-mcp-server

# or if installed locally/globally
chartjs-mcp-server

🎯 What This Does

Transform your data into beautiful, professional charts instantly! This MCP server connects to your favorite AI applications and generates:

• 📊 Bar Charts - Perfect for comparing categories
• 📈 Line Charts - Great for showing trends over time
• 🥧 Pie & Doughnut Charts - Ideal for showing proportions
• 🎯 Scatter & Bubble Charts - Perfect for correlation analysis
• 🕸️ Radar Charts - Great for multi-dimensional comparisons
• 🌟 Polar Area Charts - Beautiful radial visualizations

All charts can be generated as:

• 📸 PNG Images (800x600px) - Perfect for saving, sharing, or embedding
• 🌐 Interactive HTML - Self-contained divs with hover tooltips and animations
• 🧩 JSON Config - Raw Chart.js config for client-side rendering in React/Next.js apps

Interactive HTML charts with hover tooltips and animations - perfect for web applications!

🖼️ See It In Action

Here’s what you can create with just a simple request:

Bar Chart Perfect for comparisons

Line Chart Great for trends

Pie Chart Show proportions