这是我参与「第四届青训营 」笔记创作活动的的第14天
学习目标
- 了解数据可视化的概念和基本原则
- 能够识别出不好的, 甚至有误导性的可视化呈现
- 了解一些面向前端的数据可视化工具
01 什么是数据可视化
⭐Anything that converts data into a visual representation
分类
- 科学可视化 (科学实验数据的直观展示)
- 信息可视化 (对抽象数据的直观展示)
- 可视分析 (对分析结果的直观展示, 及交互式反馈)
为什么要可视化
- 记录信息
- 分析推理
- 证实假设
- 交流思想
02 可视化设计原则和方法
能够正确地表达数据中的信息而不产生偏差与歧义
常见的错误可视化
-
透视失真
如果数据是由视觉元素表示的, 那么它们应该与视觉元素的感知程度成正比
使用清晰, 详细和彻底的标签, 以避免图形失真和含糊不清
-
图形设计 & 数据尺度
图形的每一部分都会产生对其的视觉预期
- 这些预期往往决定了眼睛实际看到的东西
- 错误的数据洞察, 产生于在图形的某个地方发生的不正确的视觉预期推断
-
数据上下文
可视化设计原则
An excellent visualization design gives to the viewer the greatest number of ideas in the shortest time with the leastink in the smallest space.
- 准确地展示数据
- 节省笔墨
- 节省空间
- 消除不必要的"无价值"图形
- 在最短时间内传达最多的信息
Data-ink Ratio (数据墨水占比)
03 视觉感知
感知: 是指客观事物通过人的感觉器官在人脑中形成的直接反应
格式塔理论
理论核心: 整体决定部分的性质, 部分依从于整体
-
就近原则
- 当视觉元素在空间距离上相距较近时, 倾向于归为一组
- 将数据元素放在靠近位置, 可以突出它们之间的关联性
-
相似原则
- 形状, 大小, 颜色, 强度等属性相似时, 容易被看作一个整体
-
连续性原则
- 人们会自然地沿着物体的边界, 将不连续的物体视为连续的整体
-
闭合原则
- 有些图形本身是不完整, 或者不闭合. 人们会感知整个整体忽略不闭合的特征
-
共势原则
- 如果一个对象的一部分向共同的方向去运动, 共同运动的部分容易被感知为一个整体
-
对称性原则
- 对称的元素被视为同一组的一部分
-
图形于背景关系原则
- 倾向于认为最小的物体是图形, 而更大的物体是背景
- 凸面元素于图形关联更多
04 视觉编码
将数据信息映射成可视化元素的技术
视觉通道
- 数量通道 (显示数值属性)
- 标识通道 (显示分类属性)
05 面向前端的可视化工具介绍
D3
Vega
G2
ECharts
\
