Integration

QuickChart integration

Generate charts and graphs as images via URL or API. Create bar charts, line graphs, pie charts, and more using Chart.js syntax. Perfect for reports, emails, and static chart generation.

Connect QuickChart How integrations work

Ask it in chat

Say what should happen.
The workflow builds itself.

When this happens, do that in QuickChart.Built from the 7 QuickChart tools below, on the connection you add once.

Common QuickChart use cases

Email charts
Report generation
Link sharing
Goal tracking
Table metrics
Markdown embed
Adding logos to charts
Inline trends
Payment codes
Status display

What you can do with QuickChart

Each of these is one operation on one endpoint, available both as a workflow step and as a tool an AI agent can call on its own. Nothing bundles several operations into one action, so what a run did stays readable afterwards.

Most endpoints run on the free plan. A few, mainly the ones that publish on your behalf, need a paid plan.

Chart, 3 operations

create_chartCreate chartPOSTGenerates a chart image from Chart.js configuration.
create_chart_shorthandCreate chart shorthandGETGenerates chart via URL parameters.
create_chart_short_urlCreate chart short urlPOSTCreates a short URL for a chart that can be shared and embedded.

Progressbar, 1 operation

create_progress_barCreate progress barGETGenerates a progress bar image.

Qr code, 1 operation

create_qr_codeCreate qr codeGETGenerates a QR code image from text or URL.

Sparkline, 1 operation

create_sparklineCreate sparklineGETGenerates a compact sparkline chart.

Watermark, 1 operation

add_watermarkAdd watermarkPOSTOverlays a watermark or logo onto a base image with configurable opacity, position, and size.

Use QuickChart from Claude Code, Cursor or Codex

Connect QuickChart in LiveContext, create an API key in Settings, then add the LiveContext MCP server to your client. Its QuickChart operations become tools the client can call, next to every other integration you connected.

Claude Code

claude mcp add --transport http livecontext https://livecontext.ai/mcp --header "X-API-Key: YOUR_API_KEY"

Codex (~/.codex/config.toml)

[mcp_servers.livecontext]
url = "https://livecontext.ai/mcp"

[mcp_servers.livecontext.http_headers]
"X-API-Key" = "YOUR_API_KEY"

Cursor, Claude Desktop and other JSON configs

{
  "mcpServers": {
    "livecontext": {
      "type": "http",
      "url": "https://livecontext.ai/mcp",
      "headers": {
        "X-API-Key": "YOUR_API_KEY"
      }
    }
  }
}

Set up the MCP server step by step

How to connect QuickChart

Create your workspace
Sign up free. Nothing to install.
Connect QuickChart once
Add your QuickChart connection in Settings. Every tool from this integration reuses it, and secrets are encrypted at rest and visible only to you.
Describe the job in chat
The workflow builds itself in front of you and picks the endpoints it needs. Drag the steps yourself on the canvas whenever you would rather be explicit.

QuickChart integration FAQ

What can you do with the QuickChart integration?

LiveContext exposes 7 operations on QuickChart, covering chart, progressbar, qr code and sparkline. Common uses include Email charts, Report generation and Link sharing.