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)を含む。
  • プロダクション依存なし:ランタイムには外部のプロダクション依存関係が一切ありません。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト