这是我参与「第四届青训营 」笔记创作活动的第10天

一、数据可视化是什么

将数据转化为可以用最直观的图表/柱状图/折线图/环形图来表示。

分类：

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

二、可视化设计原则和方法

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

常见的错误的可视化

• 透视失真

数字由视觉元素来表示， 这这张图中 19.5%的扇形图看起来比21.2%还要大

• 图形设计&数据尺度 数据的刻度不一致，容易造成歧义

• 数据上下文

谎言因子

可视化设计原则

在最短的时间内，使用最少的空间，用最少的笔墨为观众提供最多的信息内涵。

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

可视化设计方法

• 最重要的是展现数据
• 合理范围内，最大数据化数据墨水占比
  • 擦除非数据墨水
  • 擦除冗余的数据墨水

三、视觉感知

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

四、视觉编码

视觉编码是：将数据信息映射成可视化元素的技术。 数据信息：属性+值 可视化元素：可视化符号+视觉通道

可视化符号 （mark）： 用于在可视化当中表现元素或元素之间的关联

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

视觉通道

视觉编码的优先级

• 不同视觉编码在表达信息的作用和能力上有不同的特性 当利用数量通道编码表示数值属性时：位置通道是最为精确的，其次是长度、角度、面积、深度、色温、饱和度、曲率、最后是体积。

• 当利用标识通道表示分类属性时，划分空间区域最为有效，其次是色向、动向、形状。

五、可视化工具

• D3
• vaga
• G2
• Echarts