wanghetommy/ichartjs

An agent-first, JSON-driven visualization runtime for interactive charts, project views, and process diagrams with Canvas and SVG support.

해결하는 문제

iChart.js는 AI 에이전트와 데이터 시각화 사이의 격차를 메우기 위해 설계되었습니다. 구조적이고 렌더러에 종속되지 않은 런타임을 제공하여, 에이전트가 원시 데이터에서 검증된 렌더링된 차트로 이동할 수 있도록 합니다. 설정 필드나 차트 유형을 추측할 필요가 없습니다.

작동 방식

이 라이브러리는 에이전트가 정확성을 보장하기 위해 따를 수 있는 공개 API("계획 계약")을 제공합니다. 일반적인 워크플로우는 다음과 같습니다:

  1. 기능 탐색: 에이전트는 getCapabilities()를 호출하여 라이브러리가 실제로 할 수 있는 일을 확인합니다.
  2. 데이터 검사: inspectData()를 사용하여 데이터셋을 분석합니다.
  3. 계획 수립: planChart()를 사용해 사용자의 의도에 기반하여 최적의 차트 유형과 인코딩을 결정합니다.
  4. 검증: validateSpec()를 실행하여 렌더링 전에 생성된 JSON 사양이 올바른지 확인합니다.
  5. 렌더링: createChart()를 호출하여 SVG 또는 Canvas를 사용해 시각화를 렌더링합니다.
  6. 설명: chart.explain()를 사용해 결과를 사용자에게 설명합니다.

대상 사용자

  • AI 에이전트 개발자: 전문적이고 검증된 데이터 시각화를 생성해야 하는 개발자.
  • 프론트엔드 개발자: AI 에이전트가 작동할 수 있는 웹 애플리케이션에 시각화 런타임을 통합하는 개발자.
  • 코드 생성 에이전트: 프로젝트 코드를 수정하여 차트를 구현할 수 있는 에이전트.

주요 특징

  • 에이전트 중심 설계: AI 에이전트용 기계가 읽을 수 있는 기능 매니페스트와 레시피 포함.
  • 렌더러 독립적: SVG 및 Canvas 렌더링 모두 지원.
  • 내보내기 옵션: JSON, SVG, PNG, JPEG로 내보낼 수 있습니다.
  • 광범위한 지원: 기본 차트(Line, Bar, Pie 등), 프로젝트 뷰(Gantt, Timeline), 다이어그램(Flow, Swimlane) 포함.
  • 생산 의존성 없음: 런타임에는 외부 생산 의존성이 전혀 없습니다.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트