How to connect Chartly to Grok Bot

Connect Grok Bot to Chartly MCP. Render monthly sales chart as png image, create shareable chart url for dashboard, and more using natural language, with authentication handled for you.

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

Introduction

Grok is xAI's assistant, and its bot builder lets you create a personal agent that holds context, runs skills, and connects to the apps you already use through plugins.

This guide explains how to connect Chartly to a Grok bot using Composio Connect, which handles OAuth, token refresh, and reliability so you do not have to. You add Composio as a plugin, authenticate once, then ask your bot to work with Chartly in plain language.

Also integrate Chartly with

Why use Composio?

Composio exposes 1,700+ apps to your Grok bot through a single connection, so you get:

  • Connect to 1,700+ apps with on-demand tool loading, so you do not fill your context window with unnecessary tool definitions.
  • Use programmatic tool calling through a remote workbench, letting the model write its own code to handle complex tool chaining. This reduces back-and-forth for frequent tool calls.
  • Handle large tool responses outside the model context to keep conversations lean.

Connecting Chartly to Grok Bot

Once Grok Bot is set up, you connect Chartly entirely from its interface, and the whole flow takes under a minute.

Set up Grok Bot

Get access. Grok Bot is included with Cursor Ultra, Cursor Premium Teams, and SuperGrok Heavy. Get the desktop app for macOS or Windows from x.ai/bot and sign in. An iPhone companion app is also available, and your bots sync across devices.

Create a bot. Pick a suggested role or define your own, then give it a short name, one primary job, and a short description of how it should work. Focused bots work best, because a clear role gives the bot more useful context over time.

Connect Chartly

1. Add the Composio plugin

Click the button. The Composio listing on x.ai opens and launches Grok Bot for you. If the app does not open on its own, click Add to Grok Bot.

Add to Grok Bot

Composio for Grok Bot listing on x.ai with the Add to Grok Bot button

Grok Bot opens the Composio plugin, showing its connector and skills. Click Add.

Composio plugin sheet in Grok Bot with the Add button

2. Authenticate

Go to the Installed section and click the Composio entry. You'll see its connector and skills listed.

Installed Composio plugin showing the Authenticate button

Click Authenticate. You'll be taken to the Composio consent screen. Review the access it requests and click Authorize. Composio handles the OAuth handshake for you, so you never touch API keys or tokens.

Composio authorization screen with Authorize and Deny

3. Connect your Chartly account

Back in the chat, ask your bot to connect to Chartly or give it any Chartly task.

For example, ask it to:

  • "Render monthly sales chart as PNG image"
  • "Create shareable chart URL for dashboard"
  • "Convert Chart.js config to downloadable SVG"

It will prompt you to authenticate and authorize access.

That's it. Composio's tools are now available in your Grok bot, and your Chartly account is ready to use.

What is Grok Bot?

Grok is xAI's assistant, available as a chat interface and a bot builder for creating personal agents that run skills and connect to external apps.

With Composio Connect, your Grok bot can securely access apps like Chartly through MCP without you sharing account credentials directly with the agent.

What is the Chartly MCP server, and what's possible with it?

The Chartly MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Chartly account. It provides structured and secure access to Chart.js chart rendering and permanent chart links, so your agent can render PNG images, render SVG images, create permanent charts, retrieve saved charts, and prepare charts for sharing or embedding on your behalf.

  • Chart image rendering: Have your agent turn a Chart.js configuration into a downloadable PNG image without creating a permanent chart.
  • Scalable SVG output: Let the agent render a Chart.js configuration as an SVG image for use in documents, websites, or presentations.
  • Permanent chart creation: Direct your agent to create a permanent chart link from your Chart.js configuration for sharing or embedding.
  • Saved chart retrieval: Instruct your agent to retrieve an existing permanent chart as a PNG or SVG image whenever you need it.

Way Forward

Now that Chartly is connected, extend your setup by connecting the other apps you already use every day, so your Grok bot can run true cross-app workflows end to end.

  • Connect Calendar to turn threads into scheduled meetings automatically.
  • Connect Slack or Teams to post summaries, approvals, and alerts where your team works.
  • Connect Notion, Linear, Jira, or Asana to convert requests into tickets, tasks, and docs.
  • Connect Drive, Dropbox, or OneDrive to fetch, file, and share attachments without manual steps.

Start with one workflow you do repeatedly, then keep adding apps as you find new handoffs. With everything behind a single connection, your bot can coordinate multiple tools safely and reliably in one conversation.

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.

FAQ

Frequently asked questions

With a standalone Chartly MCP server, the agents and LLMs can only access a fixed set of Chartly tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Chartly and many other apps based on the task at hand, all through a single MCP endpoint.

Yes, you can. Grok Bot fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Chartly tools.

Yes, absolutely. You can configure which Chartly scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Chartly data and credentials are handled as safely as possible.

Start with Chartly.It takes 30 seconds.

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

Start building