2013-03-19 25 views
2

我具有邊緣的列表,其中它從鍵,可進入重視製作有向圖從邊緣的列表中的JavaScript

所以a => [x,y,z]意味着a連接到x,以yz

我有一個很長的列表,我想要可視化它,最好用JavaScript。

什麼是一些已知的JavaScript包,將無痛做到這一點(輸入邊緣,通過JavaScript輸出圖)

+0

你可以嘗試用'canvas'自己繪製它 – Stasel 2013-03-19 11:34:01

+0

相似主題:http://stackoverflow.com/questions/1448319/recommendations-for-visualising-a-directed-graph-in-a-web-ui – user1205577 2013-03-19 11:37:55

+1

http://arborjs.org/可以適合你的賬單。 – AKX 2013-03-19 11:38:10

回答

2

我會強烈建議d3.js,API是直觀的,確實可視化數據方面表現出色。一些示例輸出可用here (d3noob.org)here (bl.ocks.org)

創建有向圖的基本演練可從d3noob.org here獲取。

+0

真棒,正是我需要的。謝謝! – 2013-03-19 13:44:26

1

你可以試試Cytoscape.js。它是Javascript中的圖形分析和可視化庫。 http://cytoscape.github.com/cytoscape.js/

它甚至支持帶有端點標記(即箭頭)的邊緣,這對於有向圖很有用。

聲明:我參與了Cytoscape.js。