极客时间-专栏课-月影-跟月影学可视化(系统掌握图形学与可视化核心原理) 完结

值不值得学：先想清楚你日常在处理什么问题

这门资料对应的是图形学与可视化方向。如果你日常的工作场景，是经常拿到一堆业务数据，却不知道该怎么把它变成直观、清晰的图表；或者你做前端开发，想跳出常规的 UI 组件库，自己去画一些定制化的数据看板、复杂的关系图谱甚至动态视觉呈现，那这门课解决的就是这个痛点。它不是教你如何调几个图表库的配置项，而是从底层的数学基础和图形渲染原理讲起，告诉你数据是如何被映射成视觉元素的。如果你只是想在页面里随便嵌一个柱状图，其实看看开源文档就够了；但如果你想系统理解“数据为什么这样呈现更好”、“底层的绘制逻辑是什么”，这批资料就值得翻一翻。

适合什么基础：建议有一定前端开发经验

这门资料不适合零基础转行者。它默认你已经熟悉基本的 HTML、CSS 和 JavaScript，对 Canvas 或 SVG 有过初步接触，同时具备一定的数学基础（比如基本的向量、矩阵概念）。如果你连基础的 DOM 操作还不熟练，建议先补齐前端基础再看。资料里包含了数据篇和设计篇的核心内容，前者讲怎么处理和选择合适的方法对数据进行可视化处理，后者讲如何让可视化设计更加清晰、如何理解可视化设计原则。这两块是可视化的核心难点：把数据算对，把图画好。对于想在前端方向往深水区走、或者日常工作涉及大量数据看板搭建的开发者来说，这部分内容能帮你建立一套评判和选择可视化方案的标准。

怎么用：先看原理再动手，学完能做什么

拿到资料后，建议先从数据篇和设计篇的 PDF 文档看起。先弄懂“如何选择合适的方法对数据进行数据进行可视化处理”，理解不同图表类型的适用场景，再去读“如何让可视化设计更加清晰”这部分，建立视觉表达的规范意识。不要一开始就盲目去敲代码，可视化的核心在于前期的数据映射和设计推演。配合练习时，建议你拿自己工作中的真实业务数据来做练手。比如看完设计原则后，找一个你以前做得不满意的数据看板，按照资料里的思路重新梳理数据维度，尝试用更合适的图形表达出来。学完这套资料，你至少能独立完成从原始数据到视觉呈现的完整链路设计，不再依赖现成的图表库去生搬硬套，并且能够整理出一套适合自己业务场景的可视化工具集。面对复杂的数据展示需求，你能从底层图形学原理出发，自己决定用 Canvas 还是 WebGL，以及如何精确控制每一个视觉元素的渲染。