前端与数据可视化|青训营笔记

95 阅读2分钟

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

今天我跟着何菲菲老师学习了前端的数据可视化相关的知识。

一,本节课重点内容

本节课主要讲了如下内容:

  • 什么是数据可视化
  • 为什么要数据可视化
  • 可视化的原则与方法
  • 图形设计与数据尺度
  • 视觉感知与视觉错觉
  • 视觉编码这几个方面。

二,详细知识介绍

数据可视化的应用在生活的各个方面都随处可见。包括科学可视化,信息可视化,可视分析等等数据可视化具有如下优势:

  • 记录信息
  • 分析推理
  • 证实假设
  • 交流思想

接下来老师又具体的介绍了安斯库姆四重奏等知识

然后老师开始介绍可视化设计的原则与方法。老师先举例了几个糟糕的,不友好的数据可视化展示,形象具体的引出了糟糕的可视化的实例。然后老师又介绍了几种错误的数据可视化的例子。通过这些引出了可视化的原则:能够正确的表达数据中的信息而不产生偏差与歧义.

常见的错误的可视化又包括了

  • 透视失真
  • 图形设计 || 数据尺度问题
  • 数据上下问的问题

人眼会产生透视失真的问题,所以设计上如果数字是由视觉元素表示的,那么它们应该与视觉元素的感知程度成正比,同时使用清晰,详细,和彻底的标签,以避免图形失真和含糊不清的问题。

图形设计 || 数据尺度问题

  • 图形的每一部分都会产生对其的视觉预期
  • 这些预期往往决定了眼睛实际看到的东西
  • 错误的数据洞察,产生于图形的某个地方发生的不正确的视觉预期推断。

接下来老师又介绍了谎言因子的概念,我们应该保证图像的可信度。

三,课后个人总结

这节课学到了很多新奇的概念,我对数据可视化有了一个更深的理解。