Q

用於可視化圖形/網絡的簡單JavaScript庫？

2009-12-24 71 views 6 likes

6

我正在尋找一個JavaScript圖書館，它將節點排列成一個圓形，繪製網絡圖。用於可視化圖形/網絡的簡單JavaScript庫？

還有一些關於javascript可視化的其他一些好問題，但大部分引用的東西似乎都是相當重量級的工具包。我正在尋找一個簡單的API，它允許我傳入代表連接的字符串對數組，然後將結果圖的節點繪製成一個圓圈，內部線連接所連接的節點。

要求：JavaScript的（不閃），免費的，可以脫機使用

2009-12-24 kdt

A

回答

7

我最近也有類似的需要，發現最好的免費圖形可視化是Javascript InfoVis Tooklit。我找不到更輕量級的東西，它也會顯示合理的連接圖。幸運的是，有很多示例/教程來學習如何爲您的特定應用程序進行設置。

2009-12-24 14:07:04

+0

那麼我的「節點圈」情況是否是他們的HyperTree類的一個實例呢？ – kdt 2009-12-24 14:15:33

+0

我在想RGraph類，因爲它是一張圖而不是一棵樹 - 但無論如何，請仔細閱讀演示，直到找到最接近你想象的那個。 – 2009-12-24 14:44:41

1

乘坐LOOKAT http://raphaeljs.com/

2009-12-24 14:03:26 graphicdivine

+1

這似乎是繪製庫：我在尋找一些東西，將實際上有一個「draw_graph（數據）」功能，而不必做我自己的圓/線等。 – kdt 2009-12-24 14:08:51

+0

道歉：進一步看看http://g.raphaeljs.com/ – graphicdivine 2009-12-24 14:13:48

+2

g.raphaeljs.com是用於可視化餅圖/條形圖 - 不是網絡/圖形。 – 2009-12-24 14:39:05

0

你看過Google的可視化API了嗎？這是Javascript，你可以離線運行它。（加上他們有一些Python/Java中的工具來轉換您的數據使用...等）。

2009-12-27 20:56:49

+1

來自Google Visualization API常見問題解答： '我可以離線使用可視化嗎？不;您的計算機必須能夠實時訪問http://www.google.com/jsapi才能使用可視化功能' – kdt 2009-12-28 10:47:19

4

Cytoscape Web JS會做你需要的。

退房GitHub的頁面here其中還包含一個簡單的演示 http://cytoscape.github.com/cytoscape.js/

2012-11-06 21:27:01 by0

+0

是否有可能展示這種關係？我可以爲每個關係命名嗎？ – dlopezgonzalez 2013-01-12 13:15:35

+0

當然可以。我回答了問題[你問]（http://stackoverflow.com/questions/14293474/can-i-show-the-kind-of-relation-between-nodes-in-cytoscape-js/14294825#14294825） – by0 2013-01-12 15:33:06

0

mxGraph是免費的，如果你使用的是非商業性

2013-01-24 14:55:49 David

相關問題