Integration · Productivity
Connect Claude & ChatGPT to QuickChart
Ask your AI for a chart and get an image back. It can turn a description or your numbers into a Chart.js chart, render it as PNG, SVG or PDF, or save it and give you a short link to share. It can also make QR codes and barcodes, read a QR code from an image, and render word clouds, tables and Graphviz diagrams.
Free plan, no credit card. Takes about a minute.
Try asking
“Make a bar chart of monthly revenue: January 120k, February 135k, March 160k.”
The AI builds a Chart.js config and renders the chart as an image.
“Give me a short link to that chart for the newsletter.”
It saves the chart and returns a short image URL you can share.
“Make a QR code for our booking page with the caption Book a table.”
It renders a QR code image for the page's URL with your caption.
What your AI can do
Charts
Render Chart.js charts as PNG, SVG or PDF, save them as short URLs, build a config from a plain description and check a config for errors.
QR codes and barcodes
Make single or many QR codes with colours, captions and a center logo, render barcodes such as code128 and ean13, and read QR codes.
Word clouds, tables and diagrams
Render word clouds from text, tables from data and diagrams from Graphviz, and put a watermark or logo on an image.
“Make 30 QR codes, one per table, each linking to its own order page.”
It builds the image URLs for all of them in one call.
“What does the QR code in this image say?”
It decodes the QR code from the public image URL and returns its text.
“Draw our release process as a diagram: build, test, staging, production.”
It writes a Graphviz description and renders the diagram as SVG or PNG.
13 tools for QuickChart
These tools are switched on when you connect. You can switch any of them off, or require your approval before it runs.
add_watermarkChanges dataOverlay a watermark or logo (`mark_image_url`) on an image (`main_image_url`), with optional position, opacity and size.create_barcodeChanges dataRender a barcode image for `text` in a barcode `type` (e.g. code128, ean13), with optional size and `include_text`.create_chart_urlChanges dataSave a Chart.js chart config (`chart`, plus `width`, `height`, `background_color`) and get back a short, shareable image URL.create_qr_codeChanges dataRender a QR code image for `text` (e.g. a URL), with optional `size`, colours, `margin`, `caption` and center logo.create_qr_code_urlChanges dataBuild a QuickChart image URL for a QR code of `text` without rendering it, with the same styling options.create_qr_code_urlsChanges dataBuild image URLs for many QR codes at once; pass a list in `qr_codes`.create_word_cloudChanges dataRender a word cloud image from `text`, with optional size, colours, font and word limits.generate_chart_configChanges dataTurn a plain-language `description` of a chart into a Chart.js config you can render or save.read_qr_codeDecode a QR code from a public image `url` and return its text.render_chartChanges dataRender a Chart.js chart config (`chart`) as an image, with optional `width`, `height`, `format` (png, svg, pdf) and `background_color`.render_diagramChanges dataRender a Graphviz diagram from a DOT `graph` description, as SVG or PNG.render_tableChanges dataRender table `data` as a PNG image, with optional `options` for styling.validate_chartVisible to othersCheck a chart config (`chart`) and return any errors as JSON instead of an image.
Set up in three steps
- 1
Pick the app
Create a free PipMCP account and choose QuickChart from the app list.
- 2
Paste your key
Paste your QuickChart API key. Sign up for a QuickChart account, and the key is shown with your account ID after signup. Free Community requests work without a key, but they are rate limited.
- 3
Add the link to your AI
You get a personal MCP link. Add it to Claude, ChatGPT or Cursor:
- Click your name, then Settings › Connectors › Add custom connector.
- Paste your link as the Remote MCP server URL.
- Switch it on from the + menu in a chat.
Questions
What can the AI do in QuickChart?
The AI can render Chart.js charts as images, save charts and return short URLs, turn a plain description into a chart config and check configs for errors. It can make QR codes and barcodes, read QR codes from images, and render word clouds, tables, Graphviz diagrams and watermarked images.
Does the AI see my QuickChart API key?
No. Your QuickChart credentials are encrypted at rest and never shown to the AI. After you save them, they are not shown again, not even to you. The AI only sees the results of the tools it calls.
Can I control what the AI is allowed to do?
Yes. You choose which tools are switched on. Most QuickChart tools only render images from the data you give them, while create_chart_url saves the chart on QuickChart so the short link works. Any tool can require your approval, and every tool call is logged.
Does it work with ChatGPT?
Yes. In ChatGPT go to Settings › Apps & Connectors › Advanced and turn on Developer mode, then add your PipMCP link. Developer mode needs a paid ChatGPT plan: Plus, Pro, Business or Enterprise. The same link also works in Claude (Settings › Connectors › Add custom connector), Cursor and other MCP clients.
What does it cost?
PipMCP has a free plan with no credit card required. Paid plans bill per completed task. You also need your own QuickChart account.
What kinds of charts can it make?
QuickChart renders Chart.js chart configs, so the AI can make the chart types Chart.js supports, such as bar, line and pie charts. If you describe a chart in plain words, generate_chart_config turns the description into a config, and validate_chart checks a config for errors before it is rendered.
Let your AI work in QuickChart today.
Start free. Your key stays encrypted, and you decide what the AI may do.
Connect QuickChart freePipMCP is not affiliated with QuickChart. Product names are trademarks of their owners.