Quickchart
Enables generation of various chart types (bar, line, pie, radar, etc.) using QuickChart.io service. Supports creating chart URLs and downloading chart images locally with customizable Chart.js configurations.
What is Quickchart?
Quickchart is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to enables generation of various chart types (bar, line, pie, radar, etc.) using quickchart.io service. supports creating chart urls and downloading chart images locally with customizable chart.js config...
Enables generation of various chart types (bar, line, pie, radar, etc.) using QuickChart.io service. Supports creating chart URLs and downloading chart images locally with customizable Chart.js configurations.
This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- Enables generation of various chart types (bar, line, pie, r
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx quickchart-mcp-serverConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Quickchart
Quickchart MCP Server integrates the QuickChart.io chart rendering service into AI assistants, enabling Claude to generate bar, line, pie, doughnut, radar, polar area, scatter, bubble, radial gauge, and speedometer charts on demand. It accepts Chart.js configuration objects and returns either a shareable chart URL or downloads the chart image locally. This makes it easy to produce data visualizations directly inside AI-assisted workflows without requiring a separate BI tool or coding environment.
Prerequisites
- Node.js 16+ and npm/npx available
- Internet access to reach QuickChart.io (no API key required for basic usage)
- Claude Desktop or another MCP-compatible client
Add the server to your Claude Desktop config
The server is available as an npm package and can be run directly with npx — no separate install step is required. Add the following entry to your Claude Desktop configuration file.
{
"mcpServers": {
"quickchart-server": {
"command": "npx",
"args": ["-y", "@gongrzhe/quickchart-mcp-server"]
}
}
}Restart Claude Desktop
Save the config file and restart Claude Desktop so the quickchart-server MCP server is loaded.
Generate your first chart
Ask Claude to create a chart. It will use the generate_chart tool to build a Chart.js config and call QuickChart.io, returning a URL you can open in a browser.
Download charts locally
To save chart images to disk, ask Claude to download the chart. It will use the download_chart tool and save the PNG to a local path.
Quickchart Examples
Client configuration
Add this to ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%/Claude/claude_desktop_config.json (Windows). No API key or environment variables are required.
{
"mcpServers": {
"quickchart-server": {
"command": "npx",
"args": ["-y", "@gongrzhe/quickchart-mcp-server"]
}
}
}Prompts to try
Use these prompts to generate charts and visualizations with Claude.
- "Create a bar chart showing monthly sales: Jan 65, Feb 59, Mar 80, Apr 81, May 56"
- "Generate a pie chart of market share: Chrome 65%, Safari 19%, Firefox 4%, Edge 4%, Other 8%"
- "Make a line chart comparing website traffic and conversions over the last 6 months"
- "Create a radar chart showing product scores across 5 dimensions: speed, reliability, usability, features, price"
- "Build a doughnut chart and download it to ~/Downloads/chart.png"Troubleshooting Quickchart
Chart URL returns an error image or blank
The Chart.js configuration passed to QuickChart.io may have invalid syntax or unsupported options. Ask Claude to simplify the chart config and remove advanced Chart.js v3 features that QuickChart may not support. Check the URL directly in a browser to see the error message from QuickChart.
npx fails to install the package
Ensure Node.js 16+ is installed and npx is available. Run 'npx -y @gongrzhe/quickchart-mcp-server' in a terminal to see the error output. If behind a proxy, set NPM_CONFIG_PROXY or HTTP_PROXY environment variables.
download_chart tool saves to an unexpected location
Specify the absolute file path explicitly in your prompt (e.g., 'download to /Users/myname/Desktop/chart.png'). Relative paths may resolve to the MCP server's working directory, which may not be your home directory.
Frequently Asked Questions about Quickchart
What is Quickchart?
Quickchart is a Model Context Protocol (MCP) server that enables generation of various chart types (bar, line, pie, radar, etc.) using quickchart.io service. supports creating chart urls and downloading chart images locally with customizable chart.js configurations. It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Quickchart?
Follow the installation instructions on the Quickchart GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Quickchart?
Quickchart works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is Quickchart free to use?
Yes, Quickchart is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.
Quickchart Alternatives — Similar Developer Tools Servers
Looking for alternatives to Quickchart? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.
Ecc
★ 188.2kThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Javaguide
★ 155.8kJava 面试 & 后端通用面试指南，覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发
Gemini CLI
★ 104.5kA secure MCP server that wraps the Google Gemini CLI, allowing clients to query Gemini models using local OAuth sessions without requiring an API key. It provides tools for model interaction and diagnostics with built-in protection against command in
Awesome MCP Servers
★ 87.3k⭐ Curated list of Model Context Protocol (MCP) servers - tools that extend Claude Desktop, Cursor, Windsurf, and other MCP clients with custom capabilities.
MCP Servers
★ 86.0kModel Context Protocol Servers
CC Switch
★ 77.5kA cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
Browse More Developer Tools MCP Servers
Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up Quickchart in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use Quickchart?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.