microsoft/flint-chart

어떤 프로젝트인가요?

핵심 기능

• 01Rank, Price, Country 등 70개 이상의 의미 유형에 필드를 매핑해 차트 디자인을 안내합니다.
• 02데이터에 맞춰 크기, 간격, 레이블, 마크, 범례를 자동으로 조정합니다.
• 03차트 라이브러리 전반에 적용할 수 있는 기본 제공 테마와 사용자 지정 시각 테마를 지원합니다.
• 04하나의 입력을 Vega-Lite, ECharts, Chart.js, Plotly 또는 네이티브 Excel 차트로 컴파일합니다.
• 05에이전트가 차트를 대화형으로 검증하고 렌더링할 수 있도록 MCP 서버를 제공합니다.

활용 사례

• 채팅 클라이언트의 AI 어시스턴트가 직접 찾거나 제공받은 데이터로 차트를 만들도록 합니다.
• 하나의 테마를 적용해 제품 전반에서 일관된 브랜드 차트를 생성합니다.
• 프로그램으로 정의한 명세를 바탕으로 편집 가능한 Excel 차트를 만듭니다.
• 차트 정의를 다시 작성하지 않고도 같은 차트를 서로 다른 차트 라이브러리에서 렌더링합니다.

빠른 시작

1. 1

   JavaScript/TypeScript 프로젝트에 라이브러리를 설치합니다

   npm install flint-chart
2. 2

   에이전트와 MCP 클라이언트를 위해 MCP 서버를 실행합니다

   npx -y flint-chart-mcp

사용 전 알아둘 점

• !Python 패키지는 아직 출시되지 않았으며, 저장소에는 소스 코드만 포함된 미리보기 버전만 있습니다.
• !ThemeSpec은 현재 Vega-Lite 출력에만 적용되며, 다른 백엔드에는 적용되지 않습니다.
• !프로젝트를 설명하는 연구 논문은 아직 발표되지 않았습니다.

토픽

자주 묻는 질문

flint-chart은(는) 무엇인가요?

AI 에이전트가 간결한 차트 명세를 Vega-Lite, ECharts, Chart.js, Plotly 또는 Excel용 완성도 높은 차트로 변환할 수 있는 시각화 중간 언어입니다. Flint는 AI 에이전트를 위한 시각화 중간 언어입니다. 에이전트가 스케일, 축, 간격, 레이블, 레이아웃을 일일이 하드코딩하는 대신, Flint는 상위 수준의 의미 명세와 데이터, 선택적 시각 테마를 바탕으로 이러한 요소를 결정합니다. 간결한 명세를 네이티브 Vega-Lite, ECharts, Chart.js, Plotly 형식이나 편집 가능한 Excel 차트로 컴파일할 수 있습니다.

flint-chart은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

flint-chart은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

flint-chart은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. flint-chart의 마지막 커밋은 2026년 10월 18일입니다.

flint-chart은(는) 어디에 사용할 수 있나요?

채팅 클라이언트의 AI 어시스턴트가 직접 찾거나 제공받은 데이터로 차트를 만들도록 합니다. 하나의 테마를 적용해 제품 전반에서 일관된 브랜드 차트를 생성합니다. 프로그램으로 정의한 명세를 바탕으로 편집 가능한 Excel 차트를 만듭니다. 차트 정의를 다시 작성하지 않고도 같은 차트를 서로 다른 차트 라이브러리에서 렌더링합니다.

flint-chart는 어떻게 설치하나요?

JavaScript/TypeScript 프로젝트에 라이브러리를 설치합니다: npm install flint-chart 에이전트와 MCP 클라이언트를 위해 MCP 서버를 실행합니다: npx -y flint-chart-mcp

flint-chart은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/microsoft/flint-chart