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.

Connect QuickChart free

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.

24 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_batchVisible to othersCreate a new batch. Required: items. Has effects visible outside this system. API summary: Generate many QR codes and return a ZIP archive.
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_qr_readChanges dataCreate a new qr read. API summary: Decode a QR code image.
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.
list_chartsList charts. Optional filters: chart, c, width, height, device pixel ratio or background color. API summary: Generate a chart image from query parameters.
list_gchartsList gcharts. Optional filters: cht, chs, chd, chl, chco or chds. API summary: Render a Google Image Charts-compatible request.
list_graphvizsList graphvizs. Optional filters: graph, engine, layout, width or height. API summary: Generate a Graphviz diagram from query parameters.
list_tablesList tables. Optional filters: data or options. API summary: Render a table as a PNG image from query parameters.
list_watermarksList watermarks. Optional filters: main image url, mark image url, opacity, margin, image width or image height. API summary: Overlay a watermark image on a base image using query parameters.
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.
search_barcodesSearch barcodes by type, text, width, height, include text or use millimeters. Use this to find existing barcodes before creating a new barcode. API summary: Generate a barcode from query parameters.
search_qrsSearch qrs by text, margin, ec level, dark, light or dot style. Use this to find existing qrs before creating a new qr. Results are paginated. API summary: Generate a QR code from query parameters.
search_wordcloudsSearch wordclouds by text, width, height, background color, font family or font weight. Use this to find existing wordclouds before creating a new wordcloud. API summary: Generate a word cloud from query parameters.
submit_qrVisible to othersValidate a qr. Has effects visible outside this system. API summary: Validate a QR code request and return JSON instead of an image.
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 HeyMyApps 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:
1. Click your name, then Settings › Connectors › Add custom connector.
2. Paste your link as the Remote MCP server URL.
3. 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 HeyMyApps 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?

HeyMyApps 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.