Skip to content
Back to search
100
MCP live MCP 2025-11-25 streamable-http

Flint Chart MCP Server

azure:flint-chart-mcp-server

Flint 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.

Listed in Azure MCP Center
Watch this dependency Share evidence report
Uptime
100.0%
5 direct probes · 30d
Response
1166ms
last probe
Tools
9
callable
Resources
6
readable
Prompts
3
available
Score: 100/100
Handshake verified by our own probe.
pass Answers the MCP handshake 50/50
The handshake and the list calls succeeded on the primary URL.
pass Lists tools, resources or prompts 30/30
9 tools, 6 resources, 3 prompts returned.
pass 3 or more catalogue items 10/10
18 items in total; 3 or more earns these points.
pass Describes itself 10/10
517 characters; more than 30 earns these points.

Tools · 9

render_chart

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_chart

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_chart

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_chart_types

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_interaction_presets

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…

get_flint_skill

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_themes

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 …

validate_board

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…

show

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

view ui://flint-chart/view.html
chart-types

Catalog of chart types and channels across all enabled backends.

flint://chart-types
agent-skill

Bundled Flint authoring instructions for generating ChartAssemblyInput specs.

flint://agent-skill
theme-skill

Bundled instructions for creating valid reusable Flint ThemeSpecs.

flint://theme-skill
interaction-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
board-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

author_flint_chart

Load the Flint chart-author skill before generating, validating, compiling, or rendering Flint charts.

author_flint_theme

Load the Flint theme-author skill before creating, translating, refining, reviewing, or validating a ThemeSpec.

author_flint_interaction

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