Javascript 从哪里开始学习如何制作可视化程序？

我不知道在谷歌上搜索什么是教程或书籍

下面是一些我想做的事情的例子：

理想情况下，我希望用Javascript构建它们。所以我意识到这个问题有点模糊，但答案也可能是模糊的。我只是想知道我应该学习哪些与数学相关的主题，或者是否有任何关于“可视化编程”的书籍值得我阅读。（我指的不是编程中的可视化编程……好吧，与文本相比，视觉上，更多的主题与以编程方式创建形状和模式有关。）

任何帮助都将不胜感激，如果您愿意，我可以澄清

编辑：刚找到这个：

---

太酷了。另一方面，在过去的一年里，我一直在使用Flash，结果是as3。所以我习惯于处理我已经创建的图像。我对用纯编程创建形状和模式完全陌生

您可能会感兴趣。这绝对不是对你的问题的完整回答，但它会给你一些有用的见解。他们网站的商店页面提供了您可能感兴趣的书籍的详细信息，

很棒的视觉效果列表

另一个查找示例（不是教程）的好地方是，它在Javascript下通过WebGL使用GLSL着色器。请注意，要使WebGL在浏览器中工作，您需要一个

如果您对着色器感兴趣（如果您想进行实时可视化，可能会对着色器感兴趣），那么有

---

编辑：我应该补充一点，如果你只是想开始，你不需要图形加速（比如GLSL）；这可能比您需要的复杂得多，并且您失去了可移植性（直到WebGL成为更主流的浏览器版本）。显然，只要使用HTML5Canvas（如processing.js或那些Chrome实验），您就可以做得很好。请记住，HTML5画布虽然比WebGL更广泛，但也有（5月份为46%）。

这看起来正是我需要的。你真的认为这些信息会传给javascript这样的语言吗？因为最终我不会去处理。从网站上看，这似乎是一种学习语言。如果是这样，我准备买这本书。令人惊叹的。编辑：这看起来是一个完美的解决方案。你知道些什么。