跟月影学可视化

数据可视化的本质

反思：我之前把可视化理解得太狭隘了，没有抓住本质；还是给自己找个老师(陈为、月影)更靠谱。

可视化是将数据组织成易于为人所理解和认知的结构，然后用图形的方式形象地呈现出来的理论、方法和技术。

技术上：利用 WebGL 这样的图形系统，来更高效地实现更多有趣的图形。

业务上：降低数据的理解成本，给用户呈现更多的信息。

设计上：美感、创意、视觉震撼力。

关键词：数据、理解、认知、图形、交互

如何评价可视化好不好？

这是可以从多个维度去分析的；每个维度都很好的可视化，是可遇不可求的；但是一个相对优秀的可视化，肯定在某一个或者某几个维度上，是有亮点的。

我们需要设计一个评价模型来判断可视化的优劣，可以琢磨下STEP模型的设计思路。

  • 数据理解成本
  • 信息丰富程度
  • 设计美感
  • 创意
  • 视觉震撼力
  • 性能(可选项)

技术储备

整体学习路线应该是：打基础->方法论->解决实际问题

图形学

https://github.com/akira-cn/ICG-WebGL

物理学

数学

3blue1brown的油管视频

视觉呈现的原理和方法

WebGL

浏览器端高性能解决方案-GPU

业务方向

技术有路可循，业务应用才是我们遇到的最大的问题。

管理决策

公司每个人都在干嘛、人物之间的关系？

机房流量可视化

可视化系统

一个成熟的可视化系统，应该包括数据引擎和渲染引擎两部分。

一句话经验

浏览器渲染流程有 9 个 DOM树 -> Style计算 -> LayoutTree(也有叫Render) -> LayerTree -> Paint -> titles -> raster -> DrawQuard -> display canvas 和 webgl 相当于从 Paint （生成绘制指令）开始，不需要前面4个步骤，性能会更好。

SVG 作为一种图形格式，可以作为 image 元素绘制到 Canvas 中。

可视化技术选型：

选型