developer-toolsapi_key

Chartly

Chartly renders Chart.js configurations as PNG or SVG images and creates permanent chart URLs for sharing and embedding.

Verdict

Chartly turns Chart.js configurations into downloadable images or permanent URLs inside Switchy Projects. @mention it to render bar charts, line graphs, pie charts, and other visualizations from JSON config — no frontend required. Teams use it to generate charts for reports, dashboards, or documentation without leaving the AI workspace. One catch: permanent charts can't be deleted once created, so test with the render-only tool first.

Common use cases

  • Generate sales charts for weekly reports
  • Visualize sprint velocity without spreadsheets
  • Create dashboard mockups from raw data
  • Turn analytics JSON into shareable graphs
  • Prototype chart designs before frontend work

Integration

Vendor
Chartly
Category
developer-tools
Auth
API_KEY
Tools
3
Composio slug
chartly

Tools

  • Create Permanent Chart

    Create a permanent Chartly URL from a Chart.js configuration. This creates an undeletable resource because Chartly provides no delete endpoint.

  • Get Permanent Chart

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

  • Render Chart

    Render a Chart.js configuration as a PNG or SVG downloadable image without creating a permanent Chartly URL.

Setup

Setup guide

  1. 11. Open your Switchy workspace and navigate to Settings > Integrations. 2. Find Chartly in the developer tools section and click Connect. 3. You'll be prompted to paste your Chartly API key — get this from your Chartly account dashboard under API Access. 4. Grant the key and click Save to complete the connection. 5. Open any Project and type '@Chartly render a simple bar chart' to test the integration. 6. If the tool returns an image URL, the connection is live. 7. Use the render tool for throwaway charts; use create permanent chart only when you need a stable URL that won't expire.

What teammates see: by default, memories from Chartly are scoped to the Project (PROJECT visibility) - you can mark any memory PRIVATE or share it ORG-wide.

Works well with

Top models

Compatibility data appears once enough Projects have used this MCP together with a given model.

How Switchy teams use it

Not enough Projects yet to publish anonymised usage stats (we require ≥ 50 Projects per week).

Starter prompts

Render Sales Bar Chart

@Chartly render a bar chart showing monthly sales: January 12000, February 15000, March 18000, April 14000. Use blue bars and label the y-axis as Revenue.

Create Permanent Line Graph

@Chartly create a permanent chart showing user growth over six months: Jan 1200, Feb 1450, Mar 1680, Apr 1920, May 2100, Jun 2400. Line graph, green stroke, title 'User Growth Q1-Q2'.

Pie Chart for Budget Breakdown

@Chartly render a pie chart with these budget allocations: Engineering 40%, Marketing 25%, Sales 20%, Operations 15%. Label each slice and use distinct colors.

Fetch Existing Chart Image

@Chartly get the image for permanent chart ID abc123xyz in PNG format.

Multi-Dataset Comparison Chart

@Chartly render a grouped bar chart comparing Product A and Product B sales across four quarters: Q1 A=5000 B=4500, Q2 A=6000 B=5200, Q3 A=7000 B=6800, Q4 A=8000 B=7500.

Example outputs

Illustrative - representative of the model's voice and quality, not literal recordings.

Prompt

@Chartly render a bar chart showing our API response times by endpoint: /users 120ms, /orders 340ms, /products 95ms, /search 580ms

Output

I've rendered a bar chart visualizing your API response times. The chart shows /search as your slowest endpoint at 580ms, followed by /orders at 340ms, /users at 120ms, and /products at 95ms. The image has been generated as a PNG and is ready for download. This is a one-time render—no permanent URL was created, so the chart exists only in this response.

Notes

This example uses the ephemeral render tool, ideal for quick visualizations in chat without cluttering your Chartly account. The AI translates your data into a Chart.js config behind the scenes. No permanent resource is created, so there's nothing to clean up later.

Prompt

@Chartly create a permanent chart of our monthly revenue: Jan $45k, Feb $52k, Mar $61k, Apr $58k, May $67k as a line chart with a gradient fill

Output

I've created a permanent Chartly chart showing your monthly revenue trend from January through May. The line chart uses a gradient fill to emphasize growth from $45k to $67k. Your permanent chart URL is chartly.io/c/abc123xyz. Important: this chart is now permanent and cannot be deleted through Chartly's API—you'll need to contact their support if you want it removed.

Notes

This demonstrates the permanent chart creation tool, which generates a shareable URL. The critical trade-off: Chartly provides no delete endpoint, so every chart you create persists indefinitely in your account. Use this only when you need a stable, long-lived URL for embedding or sharing.

Prompt

@Chartly fetch the image for chart ID c7f3a9b2 and analyze whether the trend suggests we should increase our infrastructure budget next quarter

Output

I've retrieved the chart image for c7f3a9b2, which shows your server CPU utilization over the past six months. The trend line reveals a steady 8% month-over-month increase, with April and May both exceeding 75% average utilization. Given this trajectory, you're likely to hit capacity constraints by Q3. I'd recommend budgeting for additional infrastructure—either horizontal scaling or instance upgrades—to maintain headroom before you encounter performance degradation.

Notes

This example pairs Chartly's image retrieval with AI reasoning. The MCP fetches the chart as PNG or SVG, then the AI analyzes the visual data to answer your strategic question. Requires you already have a permanent chart ID from a previous creation step.

Use-case deep-dives

Automated weekly metrics reports

When Chartly beats manual screenshot workflows for recurring dashboards

A 6-person engineering team sends a weekly metrics email to stakeholders—deploy frequency, error rates, test coverage. Before Chartly, someone manually screenshotted Datadog or Grafana every Friday. With Chartly's Render Chart tool, the team's Slack bot now generates fresh Chart.js PNGs on demand and drops them into the email template. No permanent URLs needed, no API quota wasted on undeletable resources. The trade-off: if your charts need live data from external APIs, you're still writing the Chart.js config by hand or piping it from another MCP. Chartly just renders what you give it. If your team already has the data pipeline and needs a no-fuss image generator for recurring reports, Chartly closes the loop.

Customer support ticket visualization

Why Chartly's permanent URLs work for one-off customer charts

A 3-person support team at a SaaS startup occasionally needs to send customers a visual breakdown of their usage—API calls over time, feature adoption by user cohort. The Create Permanent Chart tool gives them a shareable Chartly URL that lives forever, no hosting required. The customer clicks the link, sees the chart, case closed. The downside: those URLs never expire and Chartly has no delete endpoint, so you're creating permanent internet artifacts. If you're generating hundreds of charts a month, you'll pollute your Chartly account. But for 5-10 high-touch customer conversations a quarter, the permanent URL is faster than emailing a PNG or spinning up a custom dashboard. If your volume is low and the chart is worth keeping, Chartly's the call.

Design team mockup iteration

When Chartly's SVG output beats static PNG for design handoffs

A 4-person product design team prototypes data-heavy UI in Figma but needs real chart visuals for investor decks and product specs. The Render Chart tool outputs SVG, so designers can drop the file into Figma, tweak colors or labels, and keep the vector fidelity. No rasterized screenshots, no re-exporting from a BI tool every time the data changes. The catch: you're still writing Chart.js config JSON, which means someone on the team needs to know the Chart.js API or copy-paste from examples. If your designers are comfortable with JSON or you have a dev who can template the configs, Chartly's SVG output is cleaner than screenshot workflows. If your team is non-technical and the chart complexity is high, a dedicated BI tool with a GUI is the better fit.

Frequently asked

What does the Chartly MCP do in Switchy?

It turns Chart.js configurations into PNG or SVG images. You can render charts on-the-fly for reports or create permanent Chartly URLs that anyone can view without authentication. Useful when your team needs to generate graphs from data without building a custom charting pipeline.

Do I need a Chartly account to use this MCP?

Yes. You need a Chartly API key, which you get after signing up at Chartly. The MCP uses API key authentication, so whoever connects it in Switchy must have access to that key. No OAuth flow—just paste the key into Switchy's integration settings.

Can the MCP delete charts I've created?

No. Chartly has no delete endpoint, so any permanent chart you create is undeletable. If you're experimenting or generating throwaway graphs, use the render tool instead—it returns an image without creating a permanent URL. Only create permanent charts when you need a stable, shareable link.

Why use this instead of Chart.js directly in my app?

You skip the server-side rendering setup. If your team already has Chart.js configs and just needs images for Slack, email, or PDFs, the MCP handles it in one step. You trade control for convenience—fine for internal reports, less ideal if you need pixel-perfect branding or interactive charts.

Who on the team should connect the Chartly MCP?

Whoever owns your Chartly account and has the API key. Typically a developer or ops lead. Once connected, anyone in the Switchy workspace can invoke the tools to render charts. The MCP doesn't count against Chartly's rate limits separately—it uses your account's quota.

More developer tools MCPs

See all developer tools MCPs →

Data last verified 61 hours ago.Sources aggregated hourly to weekly. See docs/architecture/model-directory.md.