我具有邊緣的列表,其中它從鍵,可進入重視製作有向圖從邊緣的列表中的JavaScript
所以a => [x,y,z]
意味着a
連接到x
,以y
並z
我有一個很長的列表,我想要可視化它,最好用JavaScript。
什麼是一些已知的JavaScript包,將無痛做到這一點(輸入邊緣,通過JavaScript輸出圖)
我具有邊緣的列表,其中它從鍵,可進入重視製作有向圖從邊緣的列表中的JavaScript
所以a => [x,y,z]
意味着a
連接到x
,以y
並z
我有一個很長的列表,我想要可視化它,最好用JavaScript。
什麼是一些已知的JavaScript包,將無痛做到這一點(輸入邊緣,通過JavaScript輸出圖)
我會強烈建議d3.js,API是直觀的,確實可視化數據方面表現出色。一些示例輸出可用here (d3noob.org)和here (bl.ocks.org)。
創建有向圖的基本演練可從d3noob.org here獲取。
真棒,正是我需要的。謝謝! – 2013-03-19 13:44:26
你可以試試Cytoscape.js。它是Javascript中的圖形分析和可視化庫。 http://cytoscape.github.com/cytoscape.js/
它甚至支持帶有端點標記(即箭頭)的邊緣,這對於有向圖很有用。
聲明:我參與了Cytoscape.js。
你可以嘗試用'canvas'自己繪製它 – Stasel 2013-03-19 11:34:01
相似主題:http://stackoverflow.com/questions/1448319/recommendations-for-visualising-a-directed-graph-in-a-web-ui – user1205577 2013-03-19 11:37:55
http://arborjs.org/可以適合你的賬單。 – AKX 2013-03-19 11:38:10