Web ページに有向非巡回グラフを表示する必要があります。既製のライブラリやソリューションを探しているわけではありません。提案、推奨事項、または正しい方向へのプッシュを探しています。
1.DAG の視覚化
ノードと関係がどのように表現されるかわかりません。実行可能なソリューションは、ツリーマップ、古き良きノードとライン、またはその2つの組み合わせです。1 つのノードが画面に複数回表示されても問題はありません。
最初からすべてのノードを画面に表示する必要はありません。ユーザーは、たとえば、ダブルクリックまたはズームによってノードを展開できます。
私はすべての提案やアドバイスを受け入れます。
2. 技術
実装に必要な機能がいくつかあります。
- ドラッグドロップ
- ズーム
- ノードとのマウス操作に関するイベント
私の見解では、2 つのオプションがあります (Flash は問題外です)。
を。HTML5 キャンバス
短所: ベクトルはなく、基本的には画像のみです。ノードでの暗黙的なマウス イベントはありません。
利点: 速度。人気; アニメーション
b. SVG
短所：ノードが多いと速度が遅くなります。
利点: ベクトル グラフィック。要素は DOM にあるため、イベントなどを行うことができます。
c. HTML5 キャンバスと SVG の組み合わせ