
Flint Chart MCP Server: Draw Charts in Claude and Cursor
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.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Client does not support this transport.
Client does not support this transport.
Install flint-chart MCP
Claude Code
- 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
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_chartConverts 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_chartChecks 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_chartLists 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_typesLists 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_presetsLists 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_themesLoads 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_skillChecks 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_boardShows 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
- Read your data
- Create and change things
- Delete things
- Read-only modeHow to turn it on
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-only | The tools only read and return results. Add --disable-file-reference to accept only data pasted inline and block local file reads. |
|---|---|
| Sign-in and keys | No 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
Sources
Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.
Show all 3Hide
- flint-chart-mcp README · github.com
- server.ts · github.com
- Flint README · github.com