Quickchart-MCP-Server logo

Quickchart MCP Server

by GongRzhe

1 forks
1 stars
Free

What is Quickchart-MCP-Server

Quickchart-MCP-Server is a TypeScript-based server developed by GongRzhe that specializes in generating charts by leveraging QuickChart.io's URL-based chart generation service. This server is designed to work within the Model Context Protocol (MCP), allowing AI systems to access and create various types of charts by using Chart.js configurations. It serves as a bridge between data input and visual output, making it easier for users to convert raw data into visually appealing charts.

How to Use Quickchart-MCP-Server

Using Quickchart-MCP-Server is straightforward and involves a few simple steps. First, you prepare your chart configuration using the Chart.js format. This configuration includes specifying the chart type, data, and any styling options you want to apply. Once your configuration is ready, the server transforms this into a QuickChart URL, which can be used to view the chart online or download it as an image.

To set up the server, you need to install the necessary dependencies and build the server using Node.js commands. After installation, you can integrate the server into your applications, allowing real-time chart generation with minimal effort.

Example Usage

Here’s a basic configuration for a bar chart:

{
  "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"
    }
  }
}

This configuration will be converted into a URL like:

https://quickchart.io/chart?c={...encoded configuration...}

Key Features of Quickchart-MCP-Server

  • Wide Range of Chart Types: Supports a variety of chart types including bar, line, pie, doughnut, radar, polar area, scatter, bubble, radial gauge, and speedometer charts. This makes it versatile for different data visualization needs.

  • Customizable Charts: Allows customization of labels, datasets, colors, and other chart options to suit specific requirements. This ensures that the generated charts can be tailored to meet the aesthetic and functional needs of any project.

  • Integration with MCP: As part of the Model Context Protocol, the server seamlessly connects with AI systems, enabling the secure and efficient generation of charts.

  • Automated Chart URL Generation: Converts chart configurations into QuickChart URLs automatically, simplifying the process of chart creation and sharing.

  • Image Download Capability: Users can download the generated charts as image files, making it easy to include them in reports, presentations, or other documents.

Overall, Quickchart-MCP-Server provides a powerful tool for creating professional-grade charts effortlessly, suitable for developers and non-technical users alike. Whether you need a simple bar chart or a complex gauge, this server has the capabilities to deliver high-quality visualizations.

How to Use

To use the Quickchart-MCP-Server, follow these steps:

  1. Visit https://github.com/GongRz...
  2. Follow the setup instructions to create an account (if required)
  3. Connect the MCP server to your Claude Desktop application
  4. Start using Quickchart-MCP-Server capabilities within your Claude conversations

Additional Information

Created

February 23, 2025

Company

GongRzhe

Start building your own MCP Server

Interested in creating your own MCP Server? Check out the official documentation and resources.

Learn More