quickchart-server MCP Server

What is quickchart-server?

A Model Context Protocol server that integrates with QuickChart.io to generate chart images from Chart.js configurations. It provides two tools for creating and downloading charts. It is for developers who need chart generation capabilities within MCP-based workflows.

How to use quickchart-server?

Install via npm (npm install @gongrzhe/quickchart-mcp-server) or Smithery. Add the server configuration to Claude Desktop’s JSON config file (MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json, Windows: %APPDATA%/Claude/claude_desktop_config.json) using either a local build or npx. Invoke the generate_chart tool to obtain a QuickChart URL or the download_chart tool to save the image to a local file.

Key features of quickchart-server

• Supports 10 chart types: bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, speedometer
• Customizable with labels, datasets, colors, and additional options
• Returns chart URLs or downloads chart images to local files
• Uses standard Chart.js configuration format
• Integrates with QuickChart.io’s URL-based generation service

Use cases of quickchart-server

• Comparing values across categories with bar charts
• Showing trends over time with line charts
• Displaying proportional data with pie or doughnut charts
• Visualizing multivariate data with radar charts
• Embedding chart images in reports or applications via URLs

FAQ from quickchart-server

What runtime or dependencies are required?

The server is built in TypeScript and runs on Node.js. It requires npm installation via npm install @gongrzhe/quickchart-mcp-server.

How do I configure quickchart-server with Claude Desktop?

Add an entry to the Claude Desktop config file (located at ~/Library/Application Support/Claude/claude_desktop_config.json on MacOS, %APPDATA%/Claude/claude_desktop_config.json on Windows) with either a local build command or npx -y @gongrzhe/quickchart-mcp-server.

What chart types are supported?

Ten chart types are supported: bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, and speedometer.

How does chart generation work?

You provide a Chart.js configuration object. The generate_chart tool returns a QuickChart URL (e.g., https://quickchart.io/chart?c={...}). The download_chart tool saves the image to a specified local file path.

Where does the chart image data come from?

Chart images are generated remotely by QuickChart.io’s service. The server only passes the configuration and returns the URL or saves the downloaded image locally.