这是我参与「第四届青训营 」笔记创作活动的第14天！今天学习《数据可视化基础入门》我本身对数据可视化很感兴趣，在我们专业课数据挖掘的大作业当中也运用到了数据可视化一小部分的知识制作词云。通过本节课，对数据可视化有更加清晰的认识和了解！本次课程从三个方面展开，了解数据可视化的概念和基本原则；能够识别出不好的，甚至是有误导性的可视化呈现；了解一些面向前端的数据可视化工具。

数据可视化的概念和基本原则

什么是数据可视化

• Anything that converts data into a visual representation (like charts,graphs,maps,sometimes even just tables)

数据可视化分类

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

为什么要数据可视化

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

可视化设计原则和方法

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

常见错误可视化

• 透视失真
• 图形设计&数据尺度
• 数据上下文

透视失真

• 如果数字是由是视觉元素表示的，那么它们应该与视觉元素的感知程度成正比
• 使用清晰、详细和彻底的标签，以避免图形失真和含糊不清

图形设计&数据尺度

• 图形的每一部分都会产生对其的视觉预期：
  • 这些预期往往决定了眼睛实际看到的东西；
  • 错误的数据洞察，产生于在图形的某个地方发生的不正确的是视觉预期推断。
• 一个典型的例子：轴刻度，我们期望它从始至终能够保持连贯且一致

可视化设计原则

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

Data-ink Ratio

• 最大化数据墨水占比
• 可视化图形由墨水和空白区域构成
• 数据墨水：可视化图形当中不可擦除的核心部分被称之为“数据墨水”
• 擦除数据墨水将减少图形所传达的信息量
• 数据墨水占比：可视化图形中用于展示核心数据的“墨水”在整体可视化所使用的墨水的比例

视觉编码

• 视觉编码是一种：将数据信息映射成可视化元素的技术；
  • 数据信息：属性+值
  • 可视化元素：可视化符号+视觉通道
• 可视化符号
• 视觉通道
  • 数量通道
  • 标识通道
• 视觉编码优先级

面向前端的可视化工具

• D3
• Vega（可视化语法）
• G2（可视化引擎，也是可视化语法）
• Echarts