关于数据可视化总结|青训营笔记

126 阅读4分钟

这是我参与

「第四届青训营」笔记创作活动的第11天

为什么需要数据可视化

日常生活和工作中总会遇到大量的数据,这些信息如果不能较为直观的被观察并获取,就容易失去继续查看的兴趣,也不利于快速检索自己需要的信息
数据可视化主要旨在借助于图形化手段,清晰有效地传达与沟通信息。但是,这并不就意味着数据可视化就一定因为要实现其功能用途而令人感到枯燥乏味,或者是为了看上去绚丽多彩而显得极端复杂。
简单而言,数据可视化就是将数据以 图型、列表、地图、模型等许多简化的手法描绘信息

数据可视化分类

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

数据可视化设计原则

能够正确表示数据而不产生歧义,简洁突出而不复杂

  • 准确表示数据
  • 节省说明与占比,消除不必要图形
  • 在最短时间内表达最多信息

常见错误表达方式

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

image.png

PS:

图中展现出绿色块比紫色块大的假象,利用视觉偏差也可将某些目标可以展现出来

  • 图形设计 / 数据尺度 不合理
    • 图形中每一部分都会产生其视觉预期,往往决定了眼睛所看到的东西
    • 错误的数据排列方式将导致不正确的视觉预期推断
  • 数据缺少上下文
    • 当数据缺少与其比对的参照物时,会产生错误的判断

image.png

如图如果没有前后数据对比,容易误以为单位时间内下降趋势迅速

视觉感知

指客观事物通过人的感觉器官在大脑中形成直接反应,视觉感知就是通过视觉进行对客观事务的直接放映

认知过程

由信息的获取、分析、归纳、解码、储存、概念形成、提取和使用等一系列阶段组成按一定程序进行的信息加工系统

image.png

通过强化突出3这个数字分隔字符串

image.png

通过周围图形颜色偏差影响视觉对色彩的判断

在可视化设计中,设计者需要充分考虑人类感知系统会被外界影响所出现的现象,使设计的可视化结果不会存在阻碍或误导用户的元素

格式塔理论

整体决定部分的性质,部分依从于整体

image.png

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

image.png

  • 就近原则
    • 当视觉元素在空间上位置足够近时,通常倾向于将它们归为一组,将数据元素放在靠近位置可以突出关联性

image.png

  • 连续性原则
    • 人们观察事物时会自然沿着物体的边界,将不连续的物体视为连续的整体

image.png

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

image.png

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

image.png

  • 对称性原则
    • 对称元素将被视为同一整体部分

image.png

  • 共势原则
    • 如果对象中一部分都朝着共同方向运动,那么共同移动的部分就容易被感知为一个整体

image.png

视觉编码

是一种将数据信息映射成可视化元素的技术

可视化符合

  • 表示元素
    • 点、线、面
  • 表示关系
    • 闭包、连线

视觉通道

基于数据属性,控制可视化符号展现样式

  • 数量通道

    • 显示数据的数值属性
      • 位置、长度、体积、角度、面积、深度、饱和度、曲率等
  • 标识通道

    • 显示数据分类属性
      • 空间区域、动向、形状、色向等

image.png

基础图表

  • 柱状图

image.png

  • 饼图

image.png

  • 散点图

image.png

  • 折线图

image.png