Chartly MCP for AI Agents

Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Chartly MCP or direct API to render chart images, convert Chart.js configs to SVG/PNG, generate shareable chart URLs, and update chart configurations through natural language.

Chartly logoChartly
Api Key

Chartly renders Chart.js configurations as PNG or SVG images and creates permanent chart URLs for sharing and embedding. Share and embed charts easily with stable image URLs and downloadable vector graphics.

3 Tools

Try Chartly now

Type what you want done — sign in and watch it run live in the Tool Router playground.

TOOL ROUTER PLAYGROUND
Chartly
Try asking
TOOLS

Supported Tools

Every Chartly action and event your agent gets out of the box.

Create Permanent Chart

Create a permanent Chartly URL from a Chart.

Get Permanent Chart

Download the PNG or SVG image for an existing permanent Chartly chart ID.

Render Chart

Render a Chart.

SETUP GUIDE

Connect Chartly MCP Tool with your Agent

1

Install Composio

typescript
npm install @composio/core ai @ai-sdk/openai @ai-sdk/mcp
Install the Composio SDK for Python or TypeScript
2

Initialize Client and Create Tool Router Session

typescript
import { Composio } from '@composio/core';

const composio = new Composio({ apiKey: 'your-api-key' });
const session = await composio.create('your-user-id');
console.log(`Tool Router session created: ${session.mcp.url}`);
Import and initialize the Composio client, then create a Tool Router session for Chartly
3

Connect to AI Agent

typescript
import { openai } from '@ai-sdk/openai';
import { experimental_createMCPClient as createMCPClient } from '@ai-sdk/mcp';
import { generateText } from 'ai';

const client = await createMCPClient({
  transport: {
    type: 'http',
    url: session.mcp.url,
    headers: {
      'x-api-key': 'your-composio-api-key',
    },
  },
});

const tools = await client.tools();
const { text } = await generateText({
  model: openai('gpt-4o'),
  tools,
  messages: [{
    role: 'user',
    content: 'YOUR_SPECIFIC_PROMPT_HERE'
  }],
  maxSteps: 5,
});

console.log(`Agent: ${text}`);
Use the MCP server with your AI agent (Anthropic Claude or Mastra)
SETUP GUIDE

Connect Chartly API Tool with your Agent

1

Install Composio

typescript
npm install @composio/openai
Install the Composio SDK
2

Initialize Composio and Create Tool Router Session

typescript
import OpenAI from 'openai';
import { Composio } from '@composio/core';
import { OpenAIResponsesProvider } from '@composio/openai';

const composio = new Composio({
  provider: new OpenAIResponsesProvider(),
});
const openai = new OpenAI({});

// Create a Tool Router session for a user
const session = await composio.create('your-user-id');

// Example: create auth config and link a Chartly account (replace placeholders)
// These calls illustrate the Composio methods you can use to manage Chartly credentials
await composio.auth_configs.create({ toolkit: 'chartly', config: { type: 'API_KEY' } });
await composio.connected_accounts.link({ toolkit: 'chartly', account: { api_key: 'YOUR_CHARTLY_API_KEY' } });
Import and initialize Composio client, then create a Tool Router session
3

Execute Chartly Tools via Tool Router with Your Agent

typescript
const tools = session.tools;
const response = await openai.responses.create({
  model: 'gpt-4.1',
  tools: tools,
  input: [{
    role: 'user',
    content: 'Render a bar chart from monthly_sales = [120, 200, 150, 170] as a PNG and return a shareable URL.'
  }],
});
const result = await composio.provider.handleToolCalls(
  'your-user-id',
  response.output
);
console.log(result);
Get tools from Tool Router session and execute Chartly actions with your Agent

Why Use Composio?

AI Native Chartly Integration

  • Supports both Chartly MCP and direct API based integrations
  • Structured, LLM-friendly schemas for reliable tool execution
  • Rich coverage for reading, writing, and querying your Chartly data

Managed Auth

  • Built-in OAuth handling with automatic token refresh and rotation
  • Central place to manage, scope, and revoke Chartly access
  • Per user and per environment credentials instead of hard-coded keys

Agent Optimized Design

  • Tools are tuned using real error and success rates to improve reliability over time
  • Comprehensive execution logs so you always know what ran, when, and on whose behalf

Enterprise Grade Security

  • Fine-grained RBAC so you control which agents and users can access Chartly
  • Scoped, least privilege access to Chartly resources
  • Full audit trail of agent actions to support review and compliance
FRAMEWORKS

Use Chartly with any AI Agent Framework

Choose a Framework you want to connect Chartly with

FAQ

Frequently asked questions

Yes, Chartly requires you to configure your own API key credentials. Once set up, Composio handles secure credential storage and API request handling for you.

Yes! Composio's Tool Router enables agents to use multiple toolkits. Learn more.

Composio is SOC 2 and ISO 27001 compliant with all data encrypted in transit and at rest. Learn more.

Composio maintains and updates all toolkit integrations automatically, so your agents always work with the latest API versions.

Start with Chartly.It takes 30 seconds.

Managed auth, hosted MCP servers, and every Chartly tool your agent needs.Free to start.

Start building