chartjs

The Chart.js MCP Server from ax-crew generates a wide range of Chart.js v4 charts in response to natural language prompts. It supports chart types such as Bar, Line, Pie, Doughnut, Scatter, Bubble, Radar, and Polar Area, with output formats including high-quality PNG images and self-contained Interactive HTML. You can use it with MCP-enabled clients like Claude Desktop or Cursor by pointing them at the MCP server via the standard mcpServers configuration. Once configured, you can request charts by describing what you want (for example, a bar chart comparing regional sales or a time-series line chart of website visitors) and the server will return a chart in your preferred format along with appropriate styling and labels. The server emphasizes ease of integration, providing simple command-line startup (via npx or local installation) and CLI-driven deployment for quick visualization generation.

Prerequisites:

• Node.js 18+ (per the project requirements) and npm/yarn/pnpm depending on your preference

Installation options:

Option A: Install as a development dependency in your project

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

Option B: Run directly with npx (no install required)

npx @ax-crew/chartjs-mcp-server

Option C: Global/local install and run

npm install -g @ax-crew/chartjs-mcp-server
chartjs-mcp-server

Option D: Build from source (for contributors)

git clone https://github.com/ax-crew/chartjs-mcp-server.git
cd chartjs-mcp-server
npm install && npm run build

Configuration with Claude Desktop or Cursor:

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

After setup, start the server and point your MCP client to it using the configured command and arguments.

Notes and tips:

• The server relies on Chart.js v4; ensure your environment supports the required Node.js version (18+).
• Output formats can be PNG images (default) or Interactive HTML. Specify preferences in your MCP prompts or client integration if supported.
• If using local development or contributing, you can build from source to customize or extend features. Check for typical build steps in the repository (npm install, npm run build).
• When integrating with Claude Desktop or Cursor, keep your mcpServers configuration concise and ensure network access to the MCP server when deployed.
• If you encounter issues related to dependencies, prefer a clean install (delete node_modules and reinstall) and verify your Node.js version aligns with chartjs-mcp-server requirements.