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