[数据可视化|青训营笔记]

119 阅读3分钟

这是我参与「第五届青训营」伴学笔记创作活动的第15天。今天开始了有关数据可视化方面的学习。

什么是数据可视化

Anything that converts data into a visual representation(like charts,graphs,maps,sometime even just tables)

数据可视化分类

  • 科学可视化(科学数据的直观展示)
  • 信息可视化(对抽象数据的直观展示)
  • 可视分析(对分析结果的直观展示,及交互式反馈,是一个跨领域的方向)

为什么要数据可视化

  1. 记录信息
  2. 分析推理
  3. 证实假设
  4. 交流思想

可视化设计原则与方法

原则

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

常见的数据可视化错误

- 透视失真

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

- 图形设计&数据尺度

  • 图形的每一部分都会产生对其的视觉预期(visual expectation) :
    • 这些预期往往决定了眼睛实际看到的东西
    • 错误的数据洞察,产生于在图形的某个地方发生的不正确的视觉预期推断
  • 一个典型的例子:轴刻度,我们期望它从始至终能够保持连贯且一致

-数据上下文

  • 需要补全数据上下文

可视化设计原则

  • 准确地展示数据
  • 节省笔墨
  • 节省空间
  • 消除“无价值”图形
  • 最短时间中传达出最多的信息

视觉感知

视觉感知就是客观事物通过人的视觉在人脑中形成的直接反映

  • 人类视觉系统观察的是变化,而不是绝对值,并且容易被边界吸引
  • 在可视化设计中,设计者需要充分考虑到人类感知系统的这些现象,以使得设计的可视化结果不会存在阻碍或误导用户的可视化元素

格式塔学派

格式塔学派的理论核心是整体决定部分的性质,部分依从于整体

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

视觉编码

视觉编码是将数据信息映射成可视化元素的技术

可视化符号

用于在可视化当中表现数据元素或元素之间的关联

  • 当表示元素时 Mark 包括:点、线、面
  • 当表示关系时 Mark 包括:闭包、连线

视觉通道

  • 数量通道
  • 标识通道

面向前端的可视化工具

  • D3
  • Vega
  • G2
  • Echarts

个人小结

数据可视化的内容相较于之前的课程更加直观易于理解,与我专业的内容也有比较大的联系,希望通过未来的学习可以深入探索这一方向。