本资源由mp3+html+PDF组成00丨开篇词丨不写网页的前端工程师，还能干什么？
00丨预习丨Web前端与可视化到底有什么区别？
01丨浏览器中实现可视化的四种方式
02丨指令式绘图系统：如何用Canvas绘制层次关系图？
03丨声明式图形系统：如何用SVG图形元素绘制可视化图表？
04丨GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（上）
04丨GPU与渲染管线：如何用WebGL绘制最简单的几何图形？（下）
05丨如何用向量和坐标系描述点和线段？
06丨可视化中你必须要掌握的向量乘法知识
07丨如何用向量和参数方程描述曲线？
08丨如何利用三角剖分和向量操作描述并处理多边形？
09丨如何用仿射变换对几何图形进行坐标变换？
10丨图形系统如何表示颜色？
11｜图案生成：如何生成重复图案、分形图案以及随机效果？
12丨如何使用滤镜函数实现美颜效果？
13丨如何给简单的图案添加纹理和复杂滤镜？
14丨如何使用片元着色器进行几何造型？
15丨如何用极坐标系绘制有趣图案？
16丨如何使用噪声生成复杂的纹理？
17丨如何使用后期处理通道增强图像效果？
18丨如何生成简单动画让图形动起来？
19丨如何用着色器实现像素动画？
20丨如何用WebGL绘制3D物体？
21丨如何添加相机，用透视原理对物体进行投影？
22丨如何用仿射变换来移动和旋转3D物体？
23丨如何模拟光照让3D场景更逼真？（上）
24丨如何模拟光照让3D场景更逼真？（下）
25丨如何用法线贴图模拟真实物体表面
26丨如何绘制带宽度的曲线？
27丨案例：如何实现简单的3D可视化图表？
28丨Canvas、SVG与WebGL在性能上的优势与劣势
29丨怎么给Canvas绘制加速？
30｜怎么给WebGL绘制加速？
31丨针对海量数据，如何优化性能？
32丨数据之美：如何选择合适的方法对数据进行可视化处理？
33丨数据处理（一）：可视化数据处理的一般方法是什么？
34丨数据处理（二）：如何处理多元变量？
35丨设计（一）：如何让可视化设计更加清晰？
36丨设计（二）：如何理解可视化设计原则？
37丨实战（一）：如何使用图表库绘制常用数据图表？
38丨实战（二）：如何使用数据驱动框架绘制常用数据图表？
39丨实战（三）：如何实现地理信息的可视化？
40丨实战（四）：如何实现3D地球可视化（上）？
41丨实战（五）：如何实现3D地球可视化（下）？
42丨如何整理出我们自己的可视化工具集？
加餐一丨作为一名程序员，数学到底要多好？
加餐二丨SpriteJS：我是如何设计一个可视化图形渲染引擎的？
加餐三丨轻松一刻：我想和你聊聊前端的未来
加餐四丨一篇文章，带你快速理解函数式编程
加餐五｜周爱民：我想和你分享些学习的道理
国庆策划丨假期别闲着，一起来挑战“手势密码”
国庆策划丨快来看看怎么用原生JavaScript实现手势解锁组件
用户故事丨非前端开发，我为什么要学可视化？
结束语丨可视化工程师的未来之路