极客时间出品的专栏课《跟月影学可视化》作者月影，新客首单到手价68元，现免费分享。
课程介绍
“跟月影学可视化”是一门专为前端工程师设计的深度课程，由资深前端专家月影领衔主讲。月影以其十五年的丰富经验和对图形学的深入研究，带你走进可视化的奇妙世界。在这门课程中，你将系统掌握图形学与可视化核心原理，从0到1构建可视化技术体系，掌握四大绘图系统底层实现原理，开发适合自己的可视化工具集。通过学习，你将能够用图形这种更形象的方式，把数据组织成容易被人理解和认知的结构，实现真正贴合用户需求的、具有视觉震撼力的优秀可视化作品。
课程分为五个模块，分别涵盖了图形基础、数学基础、视觉呈现、性能优化和数据驱动等关键领域。你将在课程中学到HTML/CSS、SVG、Canvas2D和WebGL等图形系统的基本用法和优缺点，深入理解向量、矩阵运算等数学原理，并学会运用它们解决可视化中的问题。同时，你还将学习到如何提升视觉呈现能力，实现更高级的视觉效果，并掌握高性能渲染的技术思路，解决大规模数据批量渲染的性能瓶颈问题。
“跟月影学可视化”不仅是一门技术课程，更是一场视觉盛宴。通过学习，你将感受到可视化技术的魅力和力量，掌握用技术创造美的能力。月影以其独特的视角和深入的见解，让你在学习的过程中不断开阔眼界，提升自我。此外，这门课程还提供了丰富的案例和代码，帮助你更好地理解和掌握所学知识。如果你想在前端领域进一步提升自己的技能水平，那么这门课程将是你不容错过的选择。
课程目录
├── 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
1 directory, 161 files
以上就是极客时间月影老师的专栏课《跟月影学可视化》的详细介绍了。
本文由提供IT教程网提供，仅供学习交流使用，未经许可，禁止转载!
原课程地址：https://time.geekbang.org/column/intro/100053801,有能力的朋友请支持正版，谢谢！
评论(0)