数据可视化基础 | 青训营笔记
这是我参与「第五届青训营 」伴学笔记创作活动的第 15 天,学习了第五届字节跳动青训营前端专场的掘金录播课「数据可视化基础」第五届字节跳动青训营 - 前端专场,以下为本次的学习笔记:
一、重点内容
- 了解数据可视化的概念和基本原则
- 能够识别出可视化呈现的好与不好
- 了解视觉感知
二、详细知识点
初识数据可视化
什么是数据可视化?
将文本类的数据通过图表或图像等可视化形式展现数据的规律,以此来评估数据重要性的一种数字化手段。
数据可视化分类
- 科学可视化:对科学实验数据的直观展示。
- 信息可视化:对大规模非数字型信息的直观展示。
- 可视分析:对分析结果的直观展示。
什么要可视化?
- 快速传递和理解信息 大部分人对于图表信息的理解要比书面信息的理解要快
- 使维度关联性更加清晰 通过数据的多个维度来分类 、排序、组合与显示,可以看到维度之间的关联和变化
- 能让显示信息更加直观 用一些简短的图形就能体现那些复杂信息。
可视化设计原则和方法
可视化设计原则
能够正确地表达数据中的信息而不产生偏差和歧义
- 准确的展示数据
- 节省笔墨
- 节省空间
- 消除不必要的‘无价值’图形
- 在最短的时间内传达最多的信息
常见的错误可视化
- 透视失真
- 为了美感而夸大或缩小数据差异而省略基线和截断比例
- 数据太多
- 选择错误的可视化方法(例如:比较整体的不同部分选择使用折线图,实际上,选择饼图会更加合适)
- 放大有利数据
数据准确展示
- 节省笔墨
- 节省空间
- 消除“无价值”图形
- 最短时间中传达出最多的信息
视觉感知
可视化致力于外部认知,也就是说,怎么利用大脑🧠以外的资源来增强大脑本身的认知能力.人类视觉系统观察的是变化,而不是绝对值,并且容易被边界吸引.在可视化设计中,设计者需要充分考虑到人类感知系统的这些现象,以使得设计的可视化结果不会存在障碍或唔到用户的可视化元素.
- 视觉感知是客观事物通过人的视觉在人脑中形成的直接反映
- 人类视觉系统观察的是变化,而不是绝对值,并且容易被边界吸引
- 在可视化设计中,设计者需要充分考虑到人类感知系统的这些现象,以使得设计的可视化结果不会存在阻碍或误导用户的可视化元素。
格式塔理论
就近原则
- 当视觉元素在空间距离上相距较近时,人们通常倾向于将他们归为一组。
- 将数据元素放在靠近的位置,可以突出它们之间的关联性。
相似原则
- 形状、大小、颜色、强度等属性方面比较相似时,这些物体就容易被看作一个整体。
连续性原则
- 人们在观察事物的时候会很自然地沿着物体的边界,将不连续的物体视为连续的整体。
闭合原则
- 有些图形可能本身是不完整或者不闭合的,但主体有一种使其闭合的倾向,人们就会很容易地感知整个物体而忽略未闭合的特征
共势原则
- 如果一个对象中的一部分都向共同的方向去运动,那这些共同移动的部分就易被感知为一个整体。
对称性原则
- 对称的元素被视为同一组的一部分。
图形与背景关系原则
- 大脑通常认为构图中最小的物体是图形,而更大的物体则是背景。
- 跟凹面元素相比.凸面元素与图形相关联更多些。