这是我参与「第五届青训营」伴学笔记创作活动的第15天
课程内容和目标
- 了解数据可视化的概念和基本原则
- 能够识别出不好的,甚至是有误导性的可视化城建
- 了解一些面向前端的数据可视化工具
生活中的数据可视化
- 企业营收
- 手机存储占用
- 实验数据
- 地图
- 体温计
什么是数据可视化
任何一种将数据进行一个可视化呈现的工具
数据可视化分类
- 科学可视化
- 信息可视化
- 可视分析
可视化设计原则
能够正确地表达数据中的信息而不产生偏差和歧义
常见的数据可视化的错误
- 透视失真
- 图形设计&数据尺度
- 数据上下文
透视失真
- 如果数字是由视觉元素表示的,那么他们应该与视觉元素的感知成都成正比
- 使用清晰、详细和彻底的标签,以避免图形失真和含糊不清
图形设计&数据失真
图形的每一部分跟都会产生对其的视觉预期
数据上下文
需要注意把数据上下文补全
Edward R.Tufte的可视化设计原则
一个出色的可视化设计可在最短的时间内,使用最少的空间、用最少的笔墨为观众提供最多的信息内涵
Data-ink Ratio
- 最大化数据墨水占比( Data-ink Ratio )
- 可视化图形由墨水和空白区域构成
- 数据墨水:数据图形中不可擦除的核心部分被称之为“数据墨水”
- 擦除数据墨水将减少图形所表达的信息量
- 数据墨水占比:可视化图形中用于展现核心数据的“墨水”在整体可视化所使用的墨水中的比例
视觉感知
可视化致力于外部认知,也就是说,怎么样利用大脑以外的资源来增强大脑本身的认知能力
格式塔理论
- 就近原则
- 相似原则
- 连续性原则
- 必和原则
- 共势原则
- 对称性原则
- 图形和背景关系原则
视觉通道
- 数量通道
- 表示通道
视觉编码的优先级
不同视觉编码在表达信息的作用和能力上有不同特性
可视化图形语法
- Vega
- G2
- EChartts