PlugWiki
flint-chart logo

Flint Chart MCP Server: Draw Charts in Claude and Cursor

OfficialLocal
Getnpmflint-chart-mcpmicrosoft/flint-chart

Lets Claude and Cursor turn your data into charts, as PNG or SVG images or live cards in the chat, rendered on your computer.

Flint is Microsoft's chart language, and this server lets Claude, Cursor and other assistants turn your data into a finished chart. It returns a PNG or SVG, or in apps such as Claude Desktop a live chart card you can edit. It runs on your computer, so your data is not sent to a chart service. By default it can read any local .csv, .json or .tsv file the assistant names.

Good for

  • Analysts who want charts drawn from a CSV without leaving the chat
  • Developers who want chart specs for Vega-Lite, ECharts or Chart.js
  • Writers who want news-style charts with ready-made themes
  • Teams who want charts that keep their data on their own machine

Works in

12 should work

Tap an app to see how to set it up and any known problems.

Install flint-chart MCP

Claude Code

  1. 1

    Copy this prompt.

    Add the flint-chart MCP server to Claude Code. Run this command:
    
    claude mcp add flint-chart -- npx -y flint-chart-mcp
    
    Then check that it loaded and tell me if I need to sign in or restart.
  2. 2

    Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

Built from the package data we hold. Not yet tested by us.

Tools

  • Draws a chart as a PNG or SVG image

    Takes your data and one chart description and returns the finished chart as an inline PNG or SVG. It can draw with Vega-Lite, ECharts or Chart.js, and runs on your machine.

    Try: “Draw a bar chart of revenue by region from this data as a PNG.”

    Files · render_chart

  • Converts a chart description to a chart library spec

    Turns a Flint chart description into the native spec for Vega-Lite, ECharts or Chart.js, with any warnings, so you can use it in your own code.

    Try: “Give me the ECharts spec for this line chart.”

    Files · compile_chart

  • Checks a chart description before drawing

    Checks that a chart description is valid and reports warnings, errors and the computed size. It can also check update layers you plan to apply.

    Try: “Check this chart spec for problems before we draw it.”

    Files · validate_chart

  • Lists the chart types it can draw

    Returns the roughly 40 chart types, their encoding channels and the interaction presets each backend supports.

    Try: “Which chart types can Flint draw with Vega-Lite?”

    Read · list_chart_types

  • Lists chart interaction options

    Returns the interaction presets such as hover or brush, what each does, what it needs from the chart and every option it accepts.

    Try: “What interactions can I add to a scatter plot?”

    Read · list_interaction_presets

  • Lists the visual themes

    Returns the built-in chart themes, or guidance for one chosen theme such as Economist style.

    Try: “Which chart themes are available?”

    Read · list_themes

  • Loads Flint's built-in authoring guide

    Returns one of the bundled guides (charts, themes, interactions or boards) as markdown so the assistant writes valid chart descriptions.

    Try: “Load the Flint chart guide before you build the chart.”

    Read · get_flint_skill

  • Checks a multi-chart dashboard

    Checks a board of several charts without drawing it and returns its report, layout, links and review.

    Try: “Validate this three-chart board layout.”

    Files · validate_board

  • Shows a live chart card in the chat

    Opens an interactive chart or board card in apps that support it, such as Claude Desktop. The card has an editing panel for chart type, fields and themes.

    Try: “Show the planets chart as an interactive card.”

    Files · show

Read from the source code

Permissions

low risk · 2 things to watch

Low risk

It reads data you give it and returns images or specs, and the README says the server never writes your data. By default it can read any local data file the assistant points to, so turn that off if you do not want it.

What it can do

Watch out for

  • It can read any local data file by default

    The assistant can point the tool at a .csv, .json or .tsv file anywhere on your machine. Add --disable-file-reference to the server command to allow only inline data. github.com

  • Remote data links are not fetched

    The README says remote URLs are never fetched, and rendering happens in the same process with no external chart service. github.com

Security advisories

No published security advisories as of Nov 1, 2026.

Technical details
Turning on read-onlyThe tools only read and return results. Add --disable-file-reference to accept only data pasted inline and block local file reads.
Sign-in and keysNo account or API key.

Questions

Is this made by Microsoft?

Yes. It lives in the microsoft/flint-chart repository next to the Flint chart language, and it is published to npm as flint-chart-mcp.

Does my data leave my computer?

No, not through this server. The README says charts are drawn in the same process on your machine, with no remote render service. Your assistant still sees any data you share in the chat.

Does it need an API key?

No. It needs no account or key and runs from the command in the install box.

Which chart libraries does it support?

Vega-Lite, ECharts and Chart.js. Chart.js draws PNG only, while the other two can also draw SVG.

Can I block it from reading my files?

Yes. Add the --disable-file-reference option to the server command and it accepts only data pasted inline. Reads are read-only either way.

Is there a hosted version?

Yes. The repository README offers a hosted server over HTTP at https://flint.data-formulator.ai/mcp for clients that support remote servers. Use the local command in the install box if you want charts drawn on your own machine: with the hosted one, the data in your chart request goes to that server.

What is the live chart card?

In apps that support MCP App cards, such as Claude Desktop, one tool opens an interactive chart with an editing panel for chart type, fields and themes. Other apps get PNG or SVG images.

Information

updated Nov 2, 2026

Publisher
Official
Package
flint-chart-mcp
Registry
npm
Transport
stdio
Auth
None
Version
1.0.1
License
MIT
Last commit
Oct 31, 2026
Open issues
21

WebsiteGitHubnpmChangelogIssues

Sources

Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.

Show all 3
  1. flint-chart-mcp README · github.com
  2. server.ts · github.com
  3. Flint README · github.com

Facts from the official MCP registry, GitHub, npm, PyPI and the Docker catalog. Updated Nov 2, 2026.