Flint Chart MCP Server
azure:flint-chart-mcp-serverFlint is a semantic-level visualization library that helps agents author charts from data, field meanings, and chart specifications. The Flint Chart MCP Server lets MCP clients turn Flint chart inputs into interactive MCP App views with live previews and chart options, validate inputs, list supported chart types and encoding channels, render PNG or SVG artifacts, and compile backend-native specs for Vega-Lite, ECharts, or Chart.js. The hosted remote server enables clients to use Flint without local installation.
Score: 100/100
Handshake verified by our own probe.
Tools · 9
Compile a Flint chart spec for a backend and render it to a STATIC image (PNG) or vector (SVG), returned inline. Rendering is local/in-process. The chartjs backend supports PNG only. Prefer validate_c…
Compile a Flint chart spec to a backend-native spec object (Vega-Lite / ECharts / Chart.js) without rendering. Returns the spec JSON, assembly warnings, and the computed layout size.
Validate a Flint chart spec for a backend without rendering. Reports whether it is valid, all warnings/errors, and the computed layout size. With an interaction_spec it also reports the entries the ch…
List the available chart types, their encoding channels, and the interaction presets each supports in interaction_spec (Vega-Lite only), for a backend, or for all backends when none is given.
List the interaction presets for interaction_spec: what the reader does, what each needs from the chart, its reset gestures, and every option it accepts under `options`. Pass `chartType` for the prese…
Return a bundled Flint skill as markdown. Read it before you write the matching spec: `chart` for a ChartAssemblyInput, `theme` for a ThemeSpec, `interaction` for an interaction_spec, ChartUpdate laye…
List Flint visual theme presets for `theme_spec` (for example, `theme_spec: "economist"`). Pass an `id` for preset-specific authoring guidance. To customize a preset, use an object with `extends` and …
Check a board of several Flint charts without drawing it: the report gives the layout, each chart (✓/✗ per update op), what each chart sends and receives under link_spec, and a review of what the boar…
Put a chart or a board on screen: pass the full spec as chart or as board, after validate_chart or validate_board report nothing left to fix. The card draws it live with an editing panel; the result i…
Resources · 6
ui://flint-chart/view.html
Catalog of chart types and channels across all enabled backends.
flint://chart-types
Bundled Flint authoring instructions for generating ChartAssemblyInput specs.
flint://agent-skill
Bundled instructions for creating valid reusable Flint ThemeSpecs.
flint://theme-skill
Bundled instructions for behaviour on a chart: how an interaction works, presets as one valid interaction_spec, the ChartUpdate an application or an agent applies to a mounted chart, reading the chart…
flint://interaction-skill
Bundled instructions for a board of several charts in one card: the headline, which charts, their layout, links between them, and refining the board from its report.
flint://board-skill
Prompts · 3
Load the Flint chart-author skill before generating, validating, compiling, or rendering Flint charts.
Load the Flint theme-author skill before creating, translating, refining, reviewing, or validating a ThemeSpec.
Load the Flint interaction-author skill before adding behaviour to a chart, changing or reading a mounted chart from outside, linking charts, or building a bespoke interaction.
How to use
Claude Desktop or claude.ai: add a custom connector (Customize → Connectors; on Team and Enterprise plans an owner adds it under Organization settings → Connectors) with this server URL: https://flint.data-formulator.ai/mcp
Cursor or Cline: add to your MCP config:
{
"mcpServers": {
"flint_chart_mcp_server": {
"url": "https://flint.data-formulator.ai/mcp",
"transport": "streamable-http"
}
}
}
Source: github.com/microsoft/flint-chart