Generate a chart URL using QuickChart.io. Supports multiple chart types including bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, and speedometer. Returns a URL to the generated chart.
Download a chart image to a local file. Takes chart configuration and output path as parameters and saves the chart image to the specified location.
QuickChart MCP Server provides a powerful interface for generating various types of charts through the QuickChart.io service. It allows you to create professional-looking visualizations including bar charts, line charts, pie charts, radar charts, and more with customizable styling options. The server converts your data and styling parameters into Chart.js configurations, which are then used to generate chart URLs or downloadable images. This makes it easy to incorporate data visualizations into your applications, reports, or presentations without having to manually configure complex chart settings.
You can install the QuickChart MCP Server using npm:
npm install @gongrzhe/quickchart-mcp-server
To use this MCP server with your MCP client (like Claude, Cursor, etc.), add the following configuration to your client settings:
"mcpServers": {
"quickchart": {
"command": "npx",
"args": [
"@gongrzhe/quickchart-mcp-server"
]
}
}
Alternatively, you can run the server using Docker:
docker pull gongrzhe/quickchart-mcp-server
docker run -p 3000:3000 gongrzhe/quickchart-mcp-server
Then configure your MCP client to connect to the running Docker container.
The QuickChart MCP Server provides tools for generating chart URLs and downloading chart images. Here's how to use them:
To generate a chart, you'll need to provide a chart configuration that includes:
The server will return a URL to the generated chart that you can use in your applications.
Here's a simple example of generating a bar chart:
// Generate a basic bar chart
const chartConfig = {
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 will return a URL to the chart
You can also download charts as image files to a specified location using the download_chart tool.
The server supports a wide range of chart types:
Charts can be customized with various options:
You can configure the base URL for the QuickChart service using environment variables, which is useful if you're running your own QuickChart instance or need to use a specific endpoint.