可视化知识体系
视觉
数据
性能
学习重点
重点放在理论基础上。
1. 图形基础
熟悉 HTML/CSS、SVG、Canvas2D 和 WebGL 这四种图形系统，掌握它们的基本用法、原则、优点和局限性。
2. 数学基础
对向量和矩阵运算、参数方程、三角剖分和仿射变换等内容，建立一套通用的数学知识体系，能适用于所有图形系统，以此来解决可视化图形呈现中的大部分问题。
3. 视觉呈现
在基础阶段：知道如何以像素化的方式处理图案，来实现各种细节效果
在高级阶段：知道动画、3D 和交互等更深入的话题，了解美颜、图片处理和视觉特效等
4. 性能优化
熟悉 WebGL 渲染复杂的 2D、3D 模型的方法
了解可视化高性能渲染的技术思路，能比较轻松地找到可视化应用中的性能瓶颈并着手优化
5. 数据驱动
通过 3D 柱状图、3D 层级结构图、3D 音乐可视化等案例，熟悉数据处理的技巧，真正将数据和视觉呈现结合起来，能实现具有科技感的 3D 可视化大屏效果，并最终形成完整的可视化解决方案。
学习资料推荐
数学
3Blue1Brown：深入浅出、直观明了地分享数学之美
图形学入门
《交互式计算机图形学——基于WebGL的自顶向下方法（第七版）》这本书的每章示例和部分练习题
参考实现
shader 学习
The Book of Shaders
Canvas
Canvas API 的官方文档
SVG
SVG 的官方文档
WebGL
WebGL API 的官方文档
