純粋なJavaScript Graphvizと同等のもの[終了]

GraphVizが生成できる方向性フローダイアグラムの純粋なJavascriptベースの実装を知っている人はいますか？かなり視覚的な出力には興味がありませんが、ツリーではなくグラフを処理しているときに交差するエッジの数を最小限に抑えるように最適化されたベジエ線のレイアウトとともに、各ノードの最大深度を計算する計算情報の。このコードをブラウザー内で実行したいと思います。私はGraphvizを拡張機能としてNodeサーバーに簡単に埋め込むことができ、さらにpopen()は.dotフォーマットでグラフ情報をストリーミングすることができることを知っています。

参考までに、ここに典型的なGraphViz出力を示します。要素がどのように積み重ねられ、間隔が空いているかを確認し、接続線がノード間で交差したり（非常に頻繁に）通過したりすることなくノード間を移動できるようにします。

.dotキャンバスレンダラーのこの純粋なJavaScript実装を見てください。

http://ushiroad.com/jsviz/

ライブラリは文書化されていません-著者は間違いなくそれを公表して文書化する必要があります（少なくともgithubに置くことを提案するために彼に連絡します）。

更新：コードがgithubにプッシュされました：https : //github.com/gyuque/livizjs

更新（2013年2月14日）：別の候補が発生しました！このテーマに興味のある方は、必ずViz.jsのサンプルページとgithub repoをご覧ください。

アップデート（2020年 7 月16日）：（7年後）http://webgraphviz.com/もすばらしい！:-)

遠くを調べた後、私はようやく答えを見つけました。

解決策は、llvm + emscriptenを使用して、GraphvizをJavascriptにクロスコンパイルしたことです。ここにリンクがあります：

http://viz-js.com/

ソースは、https： //github.com/mdaines/viz.jsにあります。

そして単にウェブページを使用するために：

var graphviz_text = ...;
document.body.innerHTML += Viz(graphviz_text, "svg");

すべてのオプションを確認した後、jsvizとgraphviz.jsに基づいたviz.js（https://github.com/mdaines/viz.js/）がWebページから実際に使用可能なAPIと、理解する。

「PDFリーダー」の例の場合と同じように、graphvizをjavascriptに変換してみることができます。https： //github.com/kripken/emscripten

これは既製のgraphvizの置き換えではありませんが、d3.jsは特定のデータからさまざまなレイアウトを実行できるライブラリであり、graphvizを実装するための優れたプラットフォームになります。

ここだ力指向のレイアウトの例は、graphvizが行うことの1つの形式である。

ここでは、めちゃくちゃ素晴らしいインタラクティブなスライドを使ったレイアウトについてのスピーチです。

プロジェクトを理解するには、チュートリアルが非常に役立ちます。

以下は、Emscriptenを使用して実行された、GraphvizからJavascriptへのクロスコンパイルです。

https://github.com/bpartridge/graphviz.js