JavaScript中的圖形馬爾可夫鏈

我有一個馬爾可夫鏈，我想用javascript圖形表示。我需要表示節點，鏈接和轉換概率。也許類似這兩個圖之一：JavaScript中的圖形馬爾可夫鏈

enter image description here

找到一個好的圖像庫（如拉斐爾）是沒有問題的。對我而言，問題在於找到一種方法來確保節點佈置得很好，最少量的線路在其他節點或線路前面交叉。就像OmniGraffle中的「Lay out diagram」選項一樣（我確定在Visio中有類似的功能）。

是否有一個JS庫可以爲我做這個，如果沒有人有任何想法如何處理這樣的問題？請注意，我的馬爾可夫鏈可能會比上面的例子複雜得多。

2011-08-25 Jeff

該項目是怎麼發生的？ –

@MichaelPaulukonis我最終使用graphdracula（請參閱我對Femi的答案的評論）。它有效，但不像我希望的那麼好。當一個節點指向它自己，或者當兩個節點形成一個循環時，有一些問題。轉換概率的位置有時不清楚它屬於哪條線。儘管如此，我找不到更好的東西，所以它做到了。 – Jeff

是你的代碼嗎？我有興趣投入一些東西來看看連鎖店是什麼樣的（非學術相關）。 –

您可能會使用像D3或directed graph layers on Raphael之一的有向圖庫。

2011-08-25 03:17:29 Femi

使用拉斐爾+1。 2.0也在路上：https：//github.com/DmitryBaranovskiy/raphael/tree/2.0 – Hyangelo

謝謝！我猜這有助於瞭解正確的術語 - 搜索「力導向圖」幫助我找到了一些其他的選擇，graphdracula.net似乎符合我的需求。 thejit.org是另一個尋找替代品的人。 – Jeff

呵呵。很高興幫助提供正確的拼寫插入谷歌。 – Femi

Viz.js可用於此，它是一個Javascript端口Graphviz。

2012-12-28 00:44:32 Abbafei

我目前使用的是mxGraph。這不是免費的，但它是你得到你所支付的東西的一個例子。

2013-01-23 12:10:01

回答