QuickChart Server
About
Integrates with QuickChart to enable dynamic generation of charts and graphs for data visualization tasks.
Details
- Author
- gongrzhe
- GitHub stars
- 127
- Downloads
- 240
- Categories
- Developer Tools, Other, API, Productivity, Design, AI, Infrastructure
- Tags
- #data-analysis, #integration, #visualization
Jump to
- 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
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
QuickChart ServerCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
<a href="https://glama.ai/mcp/servers/y17zluizso">
</a>
<a href="https://smithery.ai/server/@GongRzhe/Quickchart-MCP-Server"></a> 
A Model Context Protocol server for generating charts using QuickChart.io
This is a TypeScript-based MCP server that provides chart generation capabilities. It allows you to create various types of charts through MCP tools.
The server uses Chart.js configuration format. Here's a basic example:
{
"type": "bar",
"data": {
"labels": ["January", "February", "March"],
"datasets": [{
"label": "Sales",
"data": [65, 59, 80],
"backgroundColor": "rgb(75, 192, 192)"
}]
},
"options": {
"title": {
"display": true,
"text": "Monthly Sales"
}
}
}
- generate_chart - Generate a chart URL using QuickChart.io
- Supports multiple chart types: bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, speedometer
- Customizable with labels, datasets, colors, and additional options
- Returns a URL to the generated chart
- download_chart - Download a chart image to a local file
- Takes chart configuration and output path as parameters
- Saves the chart image to the specified location
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"quickchart server": {
"GongRzhe_Quickchart-MCP-Server": {
"command": "npx",
"args": [
"-y",
"@smithery/cli",
"install",
"@gongrzhe/quickchart-mcp-server",
"--client",
"claude"
]
}
}
}
}McpServers
{
"GongRzhe_Quickchart-MCP-Server": {
"command": "npx",
"args": [
"-y",
"@smithery/cli",
"install",
"@gongrzhe/quickchart-mcp-server",
"--client",
"claude"
]
}
}Generate chart images and URLs using the QuickChart.io API with Chart.js configurations.
A Model Context Protocol server for generating charts using QuickChart.io
This is a TypeScript-based MCP server that provides chart generation capabilities. It allows you to create various types of charts through MCP tools.
This server integrates with QuickChart.io's URL-based chart generation service to create chart images using Chart.js configurations. Users can generate various types of charts by providing data and styling parameters, which the server converts into chart URLs or downloadable images.
-
generate_chart- Generate a chart URL using QuickChart.io
- Supports multiple chart types: bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, speedometer
- Customizable with labels, datasets, colors, and additional options
- Returns a URL to the generated chart
download_chart- Download a chart image to a local file
- Takes chart configuration and output path as parameters
- Saves the chart image to the specified location
- Bar charts: For comparing values across categories
- Line charts: For showing trends over time
- Pie charts: For displaying proportional data
- Doughnut charts: Similar to pie charts with a hollow center
- Radar charts: For showing multivariate data
- Polar Area charts: For displaying proportional data with fixed-angle segments
- Scatter plots: For showing data point distributions
- Bubble charts: For three-dimensional data visualization
- Radial Gauge: For displaying single values within a range
- Speedometer: For speedometer-style value display
The server uses Chart.js configuration format. Here's a basic example:
{ "type": "bar", "data": { "labels": ["January", "February", "March"], "datasets": [{ "label": "Sales", "data": [65, 59, 80], "backgroundColor": "rgb(75, 192, 192)" }] }, "options": { "title": { "display": true, "text": "Monthly Sales" } } }
The server converts your configuration into a QuickChart URL:
https://quickchart.io/chart?c={...encoded configuration...}
npm install @gongrzhe/quickchart-mcp-server
To install QuickChart Server for Claude Desktop automatically viaSmithery:
npx -y @smithery/cli install @gongrzhe/quickchart-mcp-server --client claude
To use with Claude Desktop, add the server config:
On MacOS:~/Library/Application Support/Claude/claude_desktop_config.jsonOn Windows:%APPDATA%/Claude/claude_desktop_config.json
{ "mcpServers": { "quickchart-server": { "command": "node", "args": ["/path/to/quickchart-server/build/index.js"] } } }
{ "mcpServers": { "quickchart-server": { "command": "npx", "args": [ "-y", "@gongrzhe/quickchart-mcp-server" ] } } }
- QuickChart Documentation
- Chart Types Reference
This project is licensed under the MIT License.
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
Real-time Amazon data API built for AI agents. 200M+ products, 1B+ reviews, live BSR, pricing, and competitor data as clean JSON. 10 agent skills for market research, competitor monitoring, pricing, listing audits, and more. 1,000 free credits.
MCP to read the Codex crypto data API so agents can write GraphQL queries.
A high-performance MCP server providing structured, real-time price data for AI hardware across global marketplaces, built with a focus on agent-native discovery over hardcoded endpoints.
Interact with Alchemy's blockchain APIs to query data without writing code.
A hosted API /MCP platform providing developer-friendly JSON endpoints for user-agent parsing, postal code search with spatial queries, country/subdivision lookup, cryptographic hashing, IP geolocation, email risk scoring, and more.
Integrates the Korea Meteorological Administration's public weather API to provide climate data.
Query the BuiltWith API to discover the technology stacks of websites. Requires a BuiltWith API key.
An MCP server for interacting with the Clay API, which requires a Clay API key.
Coral Query Plane is a paid remote MCP endpoint for AI SDK data query MCP. It exposes structured JSON tools, a public server card, token-based access, usage receipts, and audit-ready workflo
Exposes DICOM (Digital Imaging and Communications in Medicine) operations as tools for AI agents.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
