microsoft/flint-chart

🪄 Flint is a visualization language that lets AI agents reliably create expressive, good-looking charts from simple, human-editable chart specs.

4.1kStars on the repository
4Mods indexed here, across every type
yesterdayLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

Add Chart Type

01

microsoft/flint-chart

Agent ✓ vendor

Use when: adding a new chart type to flint-chart, implementing chart templates across Vega-Lite, ECharts, Chart.js, gallery examples, test cases, or VLM rendering verification.

4.1k +40 yesterday A 43 tokens original MIT

flint

02

microsoft/flint-chart

MCP server Claude CodeCodexCursor +2 ✓ vendor

Model Context Protocol server for Flint — compile, validate, and render semantic chart specs across supported backends. Runs locally from the flint-chart-mcp npm package.

4.1k +40 yesterday A tokens not measured original MIT

flint-chart-author

03

microsoft/flint-chart

Skill Claude CodeCodex ✓ vendor

Use when: the user asks to make or render charts with flint-chart, visualize tabular data, generate a ChartAssemblyInput, validate/render through MCP, or add Flint to a JS/TS project. Author the semantic spec, transform data before Flint when needed, install/import Flint only when executable code is needed, and…

4.1k +40 yesterday A 81 tokens original MIT

flint-theme-author

04

microsoft/flint-chart

Skill Claude CodeCodex ✓ vendor

Use when: creating, translating, refining, reviewing, or validating a custom Flint ThemeSpec from brand guidelines, websites, slide decks, publication references, design tokens, or an existing visual identity. Produce a reusable ThemeSpec JSON object for Flint Theme Lab without inventing fields or changing chart…

4.1k +40 yesterday A 64 tokens original MIT