Microsoft har lagt ut Flint på GitHub under MIT-lisens, beskrevet i repoets dokumentasjon som et mellomspråk for visualisering. Kompilatoren utleder optimaliserte diagraminnstillinger fra dataene, de semantiske typene, diagramtypen og enkodingene, og spytter ut en spesifikasjon som en av tre etablerte grafmotorer kan rendre direkte.
«Flint er et mellomspråk for visualisering som lar KI-agenter lage uttrykksfulle, forseggjorte visualiseringer fra enkle, menneskeredigerbare diagramspesifikasjoner» — Flints dokumentasjon
Problemet Flint angriper er kjent for alle som har bedt en modell om en graf. Skal agenten skrive Vega-Lite eller D3 direkte, må den treffe på skalaer, akser, avstander, etiketter og layout i én lang konfigurasjon, og feilene er stille: grafen rendrer, men etikettene overlapper eller aksen starter på feil sted. Flint flytter de avgjørelsene fra modellen til en kompilator. Agenten oppgir hva feltene betyr, og verktøyet regner ut resten.
Nøkkelen ligger i de semantiske typene. Flint kjenner over 70 av dem, som Rank, Temperature, Price og Country, og bruker dem til å tilpasse størrelse, avstand, merker og forklaringer til hvor mange verdier dataene faktisk inneholder.
Repoet består av to deler. flint-chart er et JavaScript- og TypeScript-bibliotek som kompilerer samme inndata til Vega-Lite, ECharts eller Chart.js. flint-chart-mcp er en MCP-server som gir agenten verktøy til å velge mal, validere spesifikasjonen og åpne en interaktiv grafvisning rett i en MCP-klient. Det er den andre delen som gjør dette umiddelbart relevant hvis du kjører Claude Code eller Cursor til daglig.
Prosjektet er ferskt. Repoet ble opprettet 13. mai 2026 og fikk siste commit 8. juli. Kvaliteten på grafene er så langt Microsofts egen påstand, uten uavhengig sammenligning mot håndskrevne Vega-Lite-spesifikasjoner. Python-porten ligger i repoet som ren kildekode, en forhåndsvisning som ennå ikke er publisert som pakke.
Hva bør du gjøre?
- Installer biblioteket med
npm install flint-charthvis du vil kompilere spesifikasjoner fra din egen TypeScript-kode. - Kjør
npx -y flint-chart-mcpog koble MCP-serveren til Claude Code eller Cursor. Da får agenten verktøy for å velge mal, validere og rendre uten å skrive konfigurasjon for hånd. - Hold Python-prosjektene på vent. Porten finnes i repoet, men er ikke sluppet som pakke, så du binder deg til en kildekopi hvis du tar den i bruk nå.