如何使用canvas elemen显示图形

Question

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

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

Answer 1

不是真的使用canvas，而是一个很好的图形JS解决方案：Raphael Charting plugin

Raphael的好处是它可以在所有浏览器中工作，包括在内。在

Answer 2

使用各种布局算法显示图形有很多种方法。其中两个主要算法是力导向布局算法，它可以是使用推拉原理的连续布局算法。接下来是GEM布局算法，它使用一个基本的物理方法来确定最佳“拟合”。在

以下是一些示例：

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

在bitbucket.org/bwalenz/algorithms/src/在

Protovis可能是功能最强的。bitbucket链接是GEM算法的一个实现，但是没有可视化。它只是布置节点/边。在

Answer 3

很棒的库，用于画布上的图形：处理.js: http://processingjs.org/ 这是一个图形库，允许您使用简单的javascript代码编写令人惊叹的可视化效果。看看吧。在