@yanqirenshi/pixi.er

ER 図を PixiJS (WebGL) で描画するレンダラです。 入力は @yanqirenshi/d3.er / @yanqirenshi/d3.ter と同じ階層構造 (identifiers / attributes / entities / relationships) を受け付けます。

SVG 版 (d3.er) の要素数が増えて操作が重くなるケース向けの実験的な代替実装です。

使い方

import { PixiEr } from '@yanqirenshi/pixi.er';

<PixiEr data={erData} height={560} onNodeClick={(core, table) => { ... }} />

• パン: 背景ドラッグ / ズーム: ホイール / テーブル移動: ドラッグ
• relationships[].from/to.position は d3.er と同じ角度規約 (中心から見て 0=真下・時計回り。省略時は 90=左)

構成

• data/ErModel.ts — 入力の正規化(データクラス)
• PixiEr.tsx — PixiJS レンダラ(描画クラス相当)