semiotic

Semioticは、AI支援開発向けに設計されたReactデータ可視化ライブラリです。幅広いチャートカバレッジとAIツールを組み合わせ、ネットワークグラフ、ストリーミングデータ、連携ビューをサポートします。このライブラリは、コーディングアシスタントがチャートコードを実装、確認、修正できるように、構造化スキーマ、診断、レンダリング証跡を提供します。 主な機能は以下のとおりです。 - **ネットワーク可視化**: フォース指向グラフ、サンキーダイアグラム、コードダイアグラム、ツリーレイアウト、ツリーマップ、サークルパッキング、軌道ダイアグラムを、一貫したprop APIを持つReactコンポーネントとして提供。 - **ストリーミングデータ**: 60fpsでキャンバスに描画されるリアルタイムチャート。refベースのプッシュAPIを備え、監視ダッシュボード向けに減衰、パルス、陳腐化エンコーディングを含む。 - **第一級の注釈**: チャートとともに移動し、ブラウザ、SSR、エクスポートを通じてレンダリングされるデータバインド注釈オブジェクト。 - **AIツール**: スキーマに基づくチャート機能カタログ用の`semiotic/ai`、機械可読なpropスキーマ用の`ai/schema.json`、MCPサーバーのチャートレンダリング用の`npx semiotic-mcp`、CLI検証用の`npx semiotic-ai --doctor`を含む。 - **診断**: アンチパターン検出と数値事前チェックのための`diagnoseConfig`および`auditData`関数。 - **アクセシビリティ**: 組み込みのエラーバウンダリ、開発モード検証、ARIAラベル、キーボード操作可能な凡例、アクセシブルなデータテーブル。 - **モジュラーインポート**: より小さなバンドルのための`semiotic/xy`、`semiotic/geo`、`semiotic/value`、`semiotic/realtime`などのファミリーサブパス。ツリーシェイキング対応。 - **サーバーサイドレンダリング**: チャートを静的SVGまたは画像にレンダリングするための`semiotic/server`。 - **データユーティリティ**: ビニング、ロールアップ、groupBy、ピボット、Vega-Lite変換のための`semiotic/data`。 - **シリアライゼーション**: `toConfig`、`fromConfig`、`toURL`を介してチャートをJSONとの間でシリアライズし、ノートブックやAI生成仕様からの往復を可能にする。 このライブラリには、小さなユーティリティ（0.2 KB）からフルチャートAPI（374 KB）まで、さまざまなインポートのバンドルサイズ表が含まれています。また、オプションのMatter.jsおよびRapier.jsアダプターを備えた物理ベースのチャート（GaltonBoardChart）も提供します。Semioticは、標準的なチャートライブラリを超えて、時系列、ストリーミングデータ、連携ビューとともにネットワークグラフを必要とするプロジェクトに位置付けられています。