Skip to main content
Glama
Sign In
enesjakozh

Quickchart-MCP-Server

by GongRzhe
npmGitHub
JavaScript
MIT License
614
44
  • Apple
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

Integrations

  • Generates charts using Chart.js configurations through QuickChart.io's service, supporting various chart types including bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, and speedometer.

quickchart-server MCP Server

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 display

Usage

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

📜 License

This project is licensed under the MIT License.

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Tools

An MCP server for generating customizable data visualizations using QuickChart.io, supporting multiple chart types and Chart.js configuration.

  1. Overview
    1. Features
      1. Tools
    2. Supported Chart Types
      1. Usage
        1. Chart Configuration
        2. URL Generation
      2. Development
        1. Installation
          1. Installing
          2. Installing via Smithery
        2. Documentation References
          1. 📜 License

            Related Resources

            Related MCP Servers

            • UIFlowchartCreator

              umshere
              A
              security
              F
              license
              A
              quality
              Enables users to create UI flowcharts by generating visualizations of user interfaces and interactions through an easy-to-use API within MCP-compatible systems.
              Last updated -
              1
              7
              5
              TypeScript

            • my-server MCP Server

              vivalalova
              -
              security
              F
              license
              -
              quality
              A TypeScript-based MCP server that enables users to manage text notes and generate summaries, showcasing key MCP concepts like resource representation and LLM integration.
              Last updated -
              1,667
              JavaScript
              • Apple

            • Data Visualization MCP Server

              markomitranic
              -
              security
              F
              license
              -
              quality
              An MCP server that allows AI models to create data visualizations using Vega-Lite syntax by providing tools to save data tables and generate visualizations from them.
              Last updated -
              Python

            • MCP Grareco

              iuill
              -
              security
              A
              license
              -
              quality
              A MCP server that creates graphic recordings by converting websites or text input into visual summaries using different prompt styles (standard, elementary, timeline).
              Last updated -
              TypeScript
              MIT License

            View all related MCP servers

            Appeared in Searches

            New MCP Servers

            ID: y17zluizso