这是我参与「第五届青训营 」伴学笔记创作活动的第 16 天
课程概要
- 了解数据可视化的概念和基本原则
- 能够识别出不好的，甚至是有误导性的可视化呈现
- 了解一些面向前端的数据可视化工具
一、什么是数据可视化
（一）、生活中的数据可视化无处不在
（二）、什么是数据可视化 Anything that converts data into a visual representation (like charts, graphs, maps, sometimes even just tables)
（三）、数据可视化分类 科学可视化 信息可视化 可视化分析
（四）、为什么要可视化 记录信息 分析推理 证实假设 交流思想
难以区分数据
形成了数据可视化，分布规律
二、数据可视化设计原则和方法
（一）、糟糕的数据可视化
观察者看图意愿低，难以提取有效信息
（二）、错误的可视化呈现
（三）、可视化设计原则
An excellent visualization design gives to the viewer the greatest number of ideas in the shortest time with the least ink in the smallest space.
一个出色的可视化设计可在最短的时间内，使用最少的空间、用最少的笔墨为观众提供最多的信息内涵。
（四）、可视化设计方法
三、视觉感知
（一）、视觉感知 可视化致力于外部认知，也就是说，怎样利用大脑以外的资源增强大脑本身的认知能力。
（二）、什么是视觉感知
（三）、认知过程 认知心理学将 认知过程 看成由信息的获取、分析、归纳、解码、储存、概念形成、提取和使用等一系列阶段组成的按一定程序进行的信息加工系统。
科学领域中，认知是包含注意力、记忆、产生和理解语言、解决问题，以及进行决策的 心理过程 的组合。
（四）、相对判断和视觉假象
结论： •人类视觉系统观察的是变化，而不是绝对值，并且容易被边界吸引。 •在可视化设计中，设计者需要充分考虑到人类感知茶统的这些现象，以使得设计的可视化结果不会存在阻碍或误导用户的可视化元素。
四、视觉编码
（一）、视觉编码
发过制图学家 Semiology of Graphics[1967] 提出视觉编码的理论原则
（二）、可视化符号
（三）、视觉通道
（四）、视觉编码的优先级
五、基础统计图表
（一）、柱状图
（二）、饼图
（三）、散点图
（四）、折线图
结论：选择合适的图表
六、面向前端的可视化工具介绍
（一）、D3.js
（二）、Vega
（三）、G2
（四）、Echarts
（五）、使用图表表达
七、学习总结
好枯燥的科普，没有学到想学的，更像是一个数据可视化入门简介。
