如何使用canvas元素显示图形

Question

在学习图形算法和画布HTML元素时，它让我觉得我应该在javascript中有一个我自己的小图形库，它使用canvas元素显示图形，你可以指向正确的方向，这样我就可以读取一些代码[js / python]如何显示图形并编写我自己的小lib。

PS：我的意思是边缘和节点不是条形图和饼图。

Answer 1

使用各种布局算法显示图表的方法有很多种。其中两个主要是强制定向布局算法，它可以是使用推挽原理的连续布局算法。接下来是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，用于canvas中的图形：processing.js： http://processingjs.org/ 这是一个图形库，允许您使用简单的JavaScript代码编写构建令人惊叹的可视化。看看。