Web UIにおける指向非巡回グラフ

私は、WebページにDirected Acyclic Graphを表示する必要があります。私は既製のライブラリやソリューションを探しているわけではありません。私は、提案、推奨事項、または正しい方向へのプッシュを探しています。

1. DAG Visualization

I am not sure of how the nodes and relations will be represented. Viable solutions may be Treemaps, the good old node & line or a combination of that two. I don't have a problem if one node appears more than once on the screen.

私はすべてのノードを最初から画面に表示する必要はありません。ユーザは、例えば、ダブルクリックまたはズームすることによってノードを拡張することができる。

私はすべての提案とアドバイスに開放されています。

2。テクノロジー

実装に必要な機能がいくつかあります。

  • drag & drop
  • zoom
  • events on mouse interaction with nodes

私の視点からは、2つの選択肢があります(Flashは問題ありません):

a. HTML5 Canvas

欠点:ベクターなし、基本的にはイメージのみ。ノード上の暗黙的なマウスイベントはありません。

利点:スピード;人気;アニメーション

b. SVG

短所:多くのノードがある場合は低速です。

利点:ベクトルグラフィックス;要素はDOM内にあり、イベントなどを持つことができます。

c. A mix of HTML5 Canvas & SVG

1
あなたが非常に多くのアイテム(矢印のようなもの)を持っていなければ、私はSVGを使うでしょう。SVGを使ってイベント処理をしなくても、スピードが落ちます。ベクターに似た方法で HTML5キャンバスのパンとズームを行うことができます。
追加された 著者 Phrogz,
あなたは計算された画像を表示したり、動的に計算するものを表示する必要がありますか?
追加された 著者 Codie CodeMonkey,

1 答え

グラフを動的に更新したい場合は、 pydot を使用してサーバー上でpythonを使用できますGraphVizモジュール。

私はこれを試していないが、調べる価値のあるものだ。

0
追加された