Quickchart

A Model Context Protocol server for generating charts using QuickChart.io . It allows you to create various types of charts through MCP tools.

Installation

Run this command in your terminal to add the MCP server to Claude Code.

Run in terminal:

View docs

Command

claude mcp add --transport stdio gongrzhe-quickchart-mcp-server node /path/to/quickchart-server/build/index.js \
  --env PORT="Port to run the MCP server (default 3000)" \
  --env QUICKCHART_BASE_URL="Optional override for QuickChart.io base URL"

How to use

Quickchart is an MCP server that exposes chart generation capabilities via QuickChart.io. It implements tools such as generate_chart, which builds a chart configuration (Chart.js style) and returns a URL to the generated chart, and download_chart, which fetches the chart image and saves it to a local path. You can craft various chart types (bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, speedometer) by supplying data, labels, colors, and additional chart options. The server translates your Chart.js config into a QuickChart URL so you can embed or retrieve the resulting image. To use the server locally, run it and invoke the provided MCP tools to generate and retrieve chart assets programmatically.

How to install

Prerequisites:

Node.js (recommended v14+)
npm or pnpm

Installation steps:

Install the MCP server package from npm

npm install @gongrzhe/quickchart-mcp-server

Build the TypeScript source (if your workflow requires a build step)

npm run build

Run the MCP server locally

node build/index.js

(Optional) If you prefer using the package directly with a path, ensure the entry file is referenced correctly in your run command

node /path/to/quickchart-server/build/index.js

Verify the server is up by hitting the MCP API endpoints (the exact URLs depend on your server setup, typically something like http://localhost:3000/mcp/...)

Additional notes

Tips and common considerations:

Ensure your environment variables are set if you override defaults, e.g., PORT or QUICKCHART_BASE_URL.
If you encounter CORS issues while integrating with web apps, configure your server to allow cross-origin requests as appropriate in your deployment environment.
The server relies on QuickChart.io; for custom hosting or offline usage, consider setting a custom base URL via QUICKCHART_BASE_URL.
When deploying, you can use the npm package name to install and a build step to compile TypeScript to JavaScript before running the server.
Refer to the README for usage examples of chart configuration objects and how the URL is derived from them.

Related MCP Servers

zen

1.1k

Selfhosted notes app. Single golang binary, notes stored as markdown within SQLite, full-text search, very low resource usage

MCP -Deepseek_R1

A Model Context Protocol (MCP) server implementation connecting Claude Desktop with DeepSeek's language models (R1/V3)

mcp-fhir

A Model Context Protocol implementation for FHIR

mcp

Inkdrop Model Context Protocol Server

mcp-appium-gestures

This is a Model Context Protocol (MCP) server providing resources and tools for Appium mobile gestures using Actions API..

dubco -npm

The (Unofficial) dubco-mcp-server enables AI assistants to manage Dub.co short links via the Model Context Protocol. It provides three MCP tools: create_link for generating new short URLs, update_link for modifying existing links, and delete_link for removing short links.