this is fork of Quickchart-MCP-Server
Description
# this is fork of Quickchart-MCP-Server # quickchart-server MCP Server  <a href="https://glama.ai/mcp/servers/y17zluizso"> <img width="380" height="200"…
About
# this is fork of Quickchart-MCP-Server # quickchart-server MCP Server  <a href="https://glama.ai/mcp/servers/y17zluizso"> <img width="380" height="200" src="https://glama.ai/mcp/servers/y17zluizso/badge"…
Details
- Author
- jaeyongk
- Downloads
- 135
- Categories
- Other
Jump to
- Supports 10 chart types: bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, speedometer
- Customizable with labels, datasets, colors, and additional Chart.js options
- Generates chart URLs via QuickChart.io for easy sharing or embedding
- Includes a download_chart tool to save chart images to local files
- Integrates seamlessly with MCP-compatible AI assistants like Claude Desktop
- Simple setup via npm or Smithery one‑line commands
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
this is fork of Quickchart-MCP-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
Install via npm (npm install @gongrzhe/quickchart-mcp-server) or Smithery. Add the server to your Claude Desktop configuration with npx -y @gongrzhe/quickchart-mcp-server. Use the generate_chart tool to get a chart URL, or download_chart to save the image locally.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"this is fork of quickchart-mcp-server": {
"quickchart-mcp-server-jykim": {
"command": "npx",
"args": [
"-y",
"@smithery/cli",
"install",
"@gongrzhe/quickchart-mcp-server",
"--client",
"claude"
]
}
}
}
}McpServers
{
"quickchart-mcp-server-jykim": {
"command": "npx",
"args": [
"-y",
"@smithery/cli",
"install",
"@gongrzhe/quickchart-mcp-server",
"--client",
"claude"
]
}
}this is fork of Quickchart-MCP-Server
quickchart-server MCP Server
<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.
Overview
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.
Features
Tools
-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
Supported Chart Types
- 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 displayUsage
Chart Configuration
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"
}
}
}
URL Generation
The server converts your configuration into a QuickChart URL:https://quickchart.io/chart?c={...encoded configuration...}
Development
Install dependencies:
npm install
Build the server:
npm run build
Installation
Installing
npm install @gongrzhe/quickchart-mcp-server
Installing via Smithery
To install QuickChart Server for Claude Desktop automatically via Smithery: 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.json
On Windows: %APPDATA%/Claude/claude_desktop_config.json
{
"mcpServers": {
"quickchart-server": {
"command": "node",
"args": ["/path/to/quickchart-server/build/index.js"]
}
}
}
or
{
"mcpServers": {
"quickchart-server": {
"command": "npx",
"args": [
"-y",
"@gongrzhe/quickchart-mcp-server"
]
}
}
}
Documentation References
- QuickChart Documentation - Chart Types Reference📜 License
This project is licensed under the MIT License.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
