by GongRzhe
A Model Context Protocol (MCP) server for generating various types of charts using QuickChart.io, enabling chart creation through MCP tools.
Quickchart-MCP-Server is a TypeScript-based Model Context Protocol (MCP) server that integrates with QuickChart.io to provide robust chart generation capabilities. It allows users to create a wide array of chart images by converting Chart.js configurations into QuickChart URLs or downloadable images.
To use Quickchart-MCP-Server, you interact with its provided tools, primarily generate_chart
and download_chart
. You supply chart configurations in the Chart.js format, specifying chart type, data, labels, and styling. The server then processes this configuration to either return a URL to the generated chart or save the chart image to a local file.
{
"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"
}
}
}
You can install the server via npm:
npm install @gongrzhe/quickchart-mcp-server
Or, for Claude Desktop users, via Smithery:
npx -y @smithery/cli install @gongrzhe/quickchart-mcp-server --client claude
After installation, configure your Claude Desktop claude_desktop_config.json
to include the server, specifying the command to run it.
generate_chart
for URL generation and download_chart
for local image saving.Q: What chart types are supported? A: The server supports a wide range of Chart.js types including bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, and speedometer charts.
Q: Can I customize the charts? A: Yes, you can extensively customize charts using the Chart.js configuration format, allowing you to control labels, datasets, colors, titles, and other options.
Q: How do I get the generated chart?
A: You can either get a URL to the generated chart image using the generate_chart
tool or download the image directly to a local file using the download_chart
tool.
Q: Is this server compatible with Claude Desktop? A: Yes, the server provides clear instructions for installation and configuration with Claude Desktop via Smithery.
Q: What is QuickChart.io? A: QuickChart.io is a service that allows you to generate chart images from Chart.js configurations via a URL, which this server leverages.
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
download_chart
- Download a chart image to a local file
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...}
Install dependencies:
npm install
Build the server:
npm run build
npm install @gongrzhe/quickchart-mcp-server
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"
]
}
}
}
This project is licensed under the MIT License.
Please log in to share your review and rating for this MCP.
Discover more MCP servers with similar functionality and use cases
by mckinsey
Build high-quality data visualization apps quickly with low‑code configuration, leveraging Plotly, Dash, and Pydantic while allowing deep customisation through Python, JavaScript, HTML, and CSS.
by antvis
mcp-server-chart is a Model Context Protocol (MCP) server developed by AntV that generates over 25 types of visual charts. It provides robust chart generation and data analysis capabilities, integrating with various AI clients and platforms.
by reading-plus-ai
mcp-server-data-exploration is an MCP server designed for autonomous data exploration on CSV-based datasets. It acts as a personal Data Scientist assistant, providing intelligent insights with minimal effort.
by Canner
Wren Engine is a semantic engine designed for Model Context Protocol (MCP) clients and AI agents, enabling accurate and context-aware access to enterprise data.
by ergut
mcp-bigquery-server is a Model Context Protocol (MCP) server that enables Large Language Models (LLMs) to securely and efficiently interact with Google BigQuery datasets. It acts as a translator, allowing LLMs to query and analyze data in BigQuery using natural language instead of SQL.
by isaacwasserman
Provides tools for saving data tables and generating Vega‑Lite visualizations via an MCP interface, supporting both textual specifications and PNG image output.
by surendranb
Google Analytics MCP Server is a Python-based tool that enables Large Language Models (LLMs) to access and analyze Google Analytics 4 (GA4) data using natural language, providing conversational querying of over 200 GA4 dimensions and metrics.
by tinybirdco
Provides a Model Context Protocol server implementation for Tinybird, allowing analytics agents to forward data to Tinybird's platform.
by GongRzhe
JSON-MCP-Server is a JSON Model Context Protocol (MCP) server that enables Large Language Models (LLMs) to query and manipulate JSON data. It provides advanced data interaction capabilities through standardized tools and JSONPath syntax.