靳小健的可视化学习

D D3学习

1. 0104地图
2. 1121地图
3. 0709grid地图
4. 0613曲条
5. 0531比例块
6. 0522地球
7. 0519轮块

C WebGL 实验

正方形 彩色正方形 旋转 旋转正方体 贴图 光照 视频

B 高级视觉篇

27 案例：如何实现简单的3D可视化图表？

1. 3d条形图

19 如何用着色器实现像素动画

1. 着色器帧动画

18 如何生成简单动画让图形动起来？

1. 固定帧动画
2. 增量动画
3. 时序动画
4. 封装动画类
5. 封装插值与缓动函数动画
6. 贝塞尔曲线缓动

A 图形基础篇

04 GPU与渲染管线：如何用WebGL绘制最简单的几何图形？

1. webGl

03 声明式图形系统：如何用SVG图形元素绘制可视化图表？

1. svg
2. svg+d3
3. 网格图
4. 拐弯条形图

02 指令式绘图系统：如何用Canvas绘制层次关系图？

1. canvas
2. canvas+d3
3. canvas 压缩

01 浏览器中实现可视化的四种方式

1. svg条
2. css饼
3. css条

路线

分享

分享0430 分享1022

要点

1. 图形基础：带你熟悉HTML/CSS、SVG、Canvas2D和WebGL这四种图形系统，学会它们的基本用法、优点和局限性，从而能在实际应用中选择合适的图形系统，以达到最好的视觉效果。
2. 数学基础：深入讲解向量、矩阵运算、参数方程、三角剖分以及仿射变换等内容，并配合综合运用，帮你建立一套通用的数学知识体系，适用于所有图形系统，以此来解决可视化图形呈现中的大部分问题。
3. 视觉呈现：和你讨论像素化、动画、3D和交互等话题，结合美颜、图片处理和视觉特效等实际例子，来应用各种数学和图形学知识，帮你全面提升视觉呈现的能力，实现更高级的视觉效果。
4. 性能优化：通过学习WebGL渲染复杂的2D、3D模型的方法，了解可视化高性能渲染的技术思路。在这一模块月影将和你分享他总结的一些成熟的方法论，帮助你在实现可视化项目的时候，解决大规模数据批量渲染的性能瓶颈问题。
5. 数据驱动：结合3D柱状图、3D层级结构图、3D音乐可视化等案例，讲解数据处理的技巧，真正正将数据和视觉呈现结合起来，实现具有科技感的3D可视化大屏效果，最终形成完整的可视化解决方案。