数据可视化处理| 青训营笔记

140 阅读2分钟

这是我参与「第五届青训营」伴学笔记创作活动的第15天

课程内容和目标

  1. 了解数据可视化的概念和基本原则
  2. 能够识别出不好的,甚至是有误导性的可视化城建
  3. 了解一些面向前端的数据可视化工具

生活中的数据可视化

  • 企业营收
  • 手机存储占用
  • 实验数据
  • 地图
  • 体温计

什么是数据可视化

任何一种将数据进行一个可视化呈现的工具

数据可视化分类

  • 科学可视化
  • 信息可视化
  • 可视分析

可视化设计原则

能够正确地表达数据中的信息而不产生偏差和歧义

常见的数据可视化的错误

  1. 透视失真
  2. 图形设计&数据尺度
  3. 数据上下文

透视失真

  • 如果数字是由视觉元素表示的,那么他们应该与视觉元素的感知成都成正比
  • 使用清晰、详细和彻底的标签,以避免图形失真和含糊不清

图形设计&数据失真

图形的每一部分跟都会产生对其的视觉预期

数据上下文

需要注意把数据上下文补全

Edward R.Tufte的可视化设计原则

一个出色的可视化设计可在最短的时间内,使用最少的空间、用最少的笔墨为观众提供最多的信息内涵

Data-ink Ratio

  • 最大化数据墨水占比( Data-ink Ratio )
  • 可视化图形由墨水和空白区域构成
  • 数据墨水:数据图形中不可擦除的核心部分被称之为“数据墨水”
  • 擦除数据墨水将减少图形所表达的信息量
  • 数据墨水占比:可视化图形中用于展现核心数据的“墨水”在整体可视化所使用的墨水中的比例

视觉感知

可视化致力于外部认知,也就是说,怎么样利用大脑以外的资源来增强大脑本身的认知能力

格式塔理论

  • 就近原则
  • 相似原则
  • 连续性原则
  • 必和原则
  • 共势原则
  • 对称性原则
  • 图形和背景关系原则

视觉通道

  • 数量通道
  • 表示通道

视觉编码的优先级

不同视觉编码在表达信息的作用和能力上有不同特性

可视化图形语法

  • Vega
  • G2
  • EChartts