flint-chart: AI 에이전트가 의미론적 사양을 통해 세련된 차트를 생성할 수 있게 해주는 시각화 중간 언어

해결하는 문제

Flint는 AI 에이전트가 세련된 데이터 시각화를 생성할 때 겪는 어려움을 해결합니다. 에이전트가 오류가 발생하기 쉬운 스케일, 축, 레이아웃을 위한 장황하고 복잡한 설정을 작성하도록 요구하는 대신, Flint는 컴팩트한 중간 언어를 제공합니다. 이를 통해 에이전트는 모든 픽셀을 어떻게 구성할지(how)가 아니라 무엇을 시각화할지(what)를 지정할 수 있으며, 결과적으로 생성된 차트가 전문적이고 정확하도록 보장합니다.

작동 방식

Flint는 사람이 편집할 수 있는 간단한 차트 사양을 가져와 인기 있는 렌더링 라이브러리를 위한 네이티브 사양으로 변환하는 컴파일러 역할을 합니다. 70개 이상의 의미론적 타입(예: Price, Country, Temperature)을 사용하여 데이터의 성격을 이해하고, 데이터 카디널리티와 캔버스 제약 조건에 따라 최적의 레이아웃, 간격 및 레이블을 자동으로 도출합니다. 현재 Vega-Lite, ECharts, Chart.js의 세 가지 주요 백엔드를 지원합니다.

대상 사용자

• AI 에이전트 개발자: 복잡한 설정값을 환각(hallucinating)하지 않고 신뢰할 수 있는 고품질 차트를 생성하는 에이전트를 원하는 개발자.
• 프론트엔드 개발자: 단일 입력 형식을 사용하여 다양한 렌더링 라이브러리에 걸쳐 차트를 생성하는 유연한 방법이 필요한 개발자.
• MCP 사용자: Model Context Protocol 클라이언트를 사용하여 에이전트가 채팅 인터페이스 내에서 직접 대화형 차트를 생성하고 렌더링하기를 원하는 사용자.

주요 특징

• 의미론적 이해: 70개 이상의 의미론적 타입을 사용하여 차트 스타일링 및 레이아웃을 자동화합니다.
• 멀티 백엔드 지원: 단일 입력을 Vega-Lite, ECharts 또는 Chart.js 사양으로 컴파일합니다.
• MCP 서버: MCP 지원 환경에서 에이전트의 원활한 통합을 위해 전용 서버(flint-chart-mcp)를 포함합니다.
• 자동 레이아웃: 데이터와 차트 디자인에 따라 마크, 범례 및 크기를 동적으로 조정합니다.