如何使用畫布元素顯示圖形

Question

雖然學習圖算法和畫布HTML元素它卡住了我，我應該有一個我自己的小圖庫在JavaScript中顯示圖形使用畫布元素可以指向我在正確的方向，所以我可以閱讀一些代碼[js/python]，瞭解如何顯示圖形並編寫我自己的小庫文件。 PS：我的意思是邊緣和節點grapth不是酒吧和餅圖。

Answer 1

有很多方法可以使用各種佈局算法來顯示圖形。其中兩個主要的是一個Force-Directed佈局算法，它可以是一個使用推輓原理的連續佈局算法。接下來是使用基本物理學方法來確定最佳「適合」的GEM佈局算法。

下面是一些例子：

http://vis.stanford.edu/protovis/ex/force.html

bitbucket.org/bwalenz/algorithms/src/

Protovis有可能是最實用。 bitbucket鏈接是GEM算法的實現，但沒有可視化。它只是列出節點/邊緣。

Answer 2

沒有真正使用canvas，但相當的圖形良好的JS解決方案：Raphael Charting plugin

約拉斐爾的好處是，它在所有瀏覽器，IE包括在內。

Answer 3

大lib下，爲顯卡在畫布上：processing.js： http://processingjs.org/ 這是一個圖形庫，它允許你寫使用簡單的JavaScript代碼建立驚人的可視化。看一看。