microsoft/flint-chart
TypeScript1 / 0
차트 스펙 대신 데이터의 의미(semantic type)만 넘기면 축·레이아웃·범례를 자동으로 계산해 Vega-Lite·ECharts·Chart.js·Plotly·엑셀 네이티브 차트로 컴파일하는 시각화 중간 언어.
TL;DR
Flint는 각 필드가 무엇을 의미하는지(Rank, Temperature, Price, Country 등 70여 개 semantic type)를 데이터에 태그하면, 컴파일러가 축 스케일·간격·라벨·마크·범례를 데이터 카디널리티와 캔버스 제약에 맞춰 자동으로 산출해준다. 같은 압축된 입력 하나로 Vega-Lite·ECharts·Chart.js·Plotly, 심지어 Office.js를 통한 엑셀 네이티브 차트까지 백엔드별 네이티브 스펙을 그대로 뽑아내 백엔드를 바꿔도 입력 형태가 바뀌지 않는다. MCP 서버(`flint-chart-mcp`)를 설치하면 에이전트가 대화 중에 바로 차트를 만들고 검증하고 인터랙티브 뷰로 열어볼 수 있으며, MCP 없는 워크플로를 위한 standalone agent skill도 별도로 제공된다. 에이전트가 축·간격 같은 지루한 차트 설정을 매번 손으로 튜닝하지 않고도 안정적으로 보기 좋은 차트를 만들어야 하는 상황에 맞는다.
핵심 포인트
- 70여 개 semantic type으로 데이터의 '의미'만 넘기면 축·간격·레이아웃을 컴파일러가 데이터 카디널리티 기준으로 자동 산출한다.
- 같은 입력 하나가 Vega-Lite·ECharts·Chart.js·Plotly·엑셀 네이티브 5개 백엔드로 컴파일된다.
- MCP 서버가 에이전트에게 차트 생성·검증·인터랙티브 뷰 열기를 도구로 제공해, 대화 도중 바로 차트를 확인할 수 있다.
- 0.4.0에서 38개 Plotly 차트 타입과 18개 편집 가능한 엑셀 네이티브 차트 템플릿을 추가해 프레젠테이션 문서 워크플로까지 커버한다.
4k
STARS
224
FORKS
+208
TRENDING
1
조회수
관련 토론
아직 관련 토론이 없습니다.
댓글
댓글을 작성하려면 로그인이 필요합니다.