数据可视化基础 | 青训营笔记

101 阅读4分钟

数据可视化基础 | 青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第 15 天,学习了第五届字节跳动青训营前端专场的掘金录播课「数据可视化基础」第五届字节跳动青训营 - 前端专场,以下为本次的学习笔记:

一、重点内容

  • 了解数据可视化的概念和基本原则
  • 能够识别出可视化呈现的好与不好
  • 了解视觉感知

二、详细知识点

初识数据可视化

什么是数据可视化?

将文本类的数据通过图表或图像等可视化形式展现数据的规律,以此来评估数据重要性的一种数字化手段。

数据可视化分类

  1. 科学可视化:对科学实验数据的直观展示。
  2. 信息可视化:对大规模非数字型信息的直观展示。
  3. 可视分析:对分析结果的直观展示。

什么要可视化?

  • 快速传递和理解信息 大部分人对于图表信息的理解要比书面信息的理解要快
  • 使维度关联性更加清晰 通过数据的多个维度来分类 、排序、组合与显示,可以看到维度之间的关联和变化
  • 能让显示信息更加直观 用一些简短的图形就能体现那些复杂信息。

可视化设计原则和方法

可视化设计原则

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

  • 准确的展示数据
  • 节省笔墨
  • 节省空间
  • 消除不必要的‘无价值’图形
  • 在最短的时间内传达最多的信息

常见的错误可视化

  • 透视失真
  • 为了美感而夸大或缩小数据差异而省略基线和截断比例
  • 数据太多
  • 选择错误的可视化方法(例如:比较整体的不同部分选择使用折线图,实际上,选择饼图会更加合适)
  • 放大有利数据

数据准确展示

  • 节省笔墨
  • 节省空间
  • 消除“无价值”图形
  • 最短时间中传达出最多的信息

视觉感知

可视化致力于外部认知,也就是说,怎么利用大脑🧠以外的资源来增强大脑本身的认知能力.人类视觉系统观察的是变化,而不是绝对值,并且容易被边界吸引.在可视化设计中,设计者需要充分考虑到人类感知系统的这些现象,以使得设计的可视化结果不会存在障碍或唔到用户的可视化元素.

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

格式塔理论

就近原则

  • 当视觉元素在空间距离上相距较近时,人们通常倾向于将他们归为一组。
  • 将数据元素放在靠近的位置,可以突出它们之间的关联性。

相似原则

  • 形状、大小、颜色、强度等属性方面比较相似时,这些物体就容易被看作一个整体。

连续性原则

  • 人们在观察事物的时候会很自然地沿着物体的边界,将不连续的物体视为连续的整体。

闭合原则

  • 有些图形可能本身是不完整或者不闭合的,但主体有一种使其闭合的倾向,人们就会很容易地感知整个物体而忽略未闭合的特征

共势原则

  • 如果一个对象中的一部分都向共同的方向去运动,那这些共同移动的部分就易被感知为一个整体。

对称性原则

  • 对称的元素被视为同一组的一部分。

图形与背景关系原则

  • 大脑通常认为构图中最小的物体是图形,而更大的物体则是背景。
  • 跟凹面元素相比.凸面元素与图形相关联更多些。