本资源由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实现手势解锁组件

　　用户故事丨非前端开发，我为什么要学可视化?

　　结束语丨可视化工程师的未来之路