MMCPMarkets
AC

ax-crew/chartjs-mcp-server

开发工具

本页由 AI 翻译，技术细节请以原文为准。 查看原文

17 stars 8 forks 质量 70 趋势 21MIT
Repository Install

A Model Context Protocol (MCP) server for generating charts using Chart.js

概览

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! - : @ax-crew/chartjs-mcp-server - : 3.2.0 - : >=18 - : chartjs-mcp-server - : @ax-crew/chartjs-mcp-server Transform your data into beautiful, professional charts instantly! This MCP server connects to your favorite AI applications and generates: - 📊 - Perfect for comparing categories - 📈 - Great for showing trends over time - 🥧 - Ideal for showing proportions - 🎯 - Perfect for correlation analysis - 🕸️ - Great for multi-dimensional comparisons - 🌟 - Beautiful radial visualizations All charts can be generated as: - 📸 (800x600px) - Perfect for saving, sharing, or embedding - 🌐 - Self-contained divs with hover tooltips and animations - 🧩 - Raw Chart.

README

以下为原文 README 节选，完整内容请查看原文。

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

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

在 GitHub 查看完整 README

安装

npx @ax-crew/chartjs-mcp-server
新手？先看 mcpskill.org 教程 →

配置

{ "mcpServers": { "chartjs": { "command": "npx", "args": ["@ax-crew/chartjs-mcp-server"] } } }