这是我参与「第四届青训营 」笔记创作活动的第5天
什么是数据可视化？
数据可视化，是关于数据视觉表现形式的科学技术研究。其中，这种数据的视觉表现形式被定义为，一种以某种概要形式抽提出来的信息，包括相应信息单位的各种属性和变量。
在我们的手机上，电脑上会有如上图所示的一种展现某种数据的图形，他们直观的让我们了解到信息的分布情况，像这种把无形的数据信息用图像的方式表示出来就叫做数据可视化。
数据可视化可分为三个分支：1、科学可视化；2、信息可视化；3、可视分析
可视化原则
- 能够
正确的表达数据中的信息而不产生偏差与歧义
常见的错误可视化
1、透视失真——经常发生在3D可视化中
- 如果数字是由视觉元素表示的，那么他们应该与视觉元素的感知程度成正比
- 使用清晰、详细和彻底的标签，以避免图形失真和含糊不清
看这个图，是以3d可视化的形式展示的，图中的绿色部分占19.5%，紫色的占21.2%，但以我们看来，绿色部分比紫色的似乎大点。
2、图形设计&数据尺度
图形的每一部分都会产生对其的视觉预期
- 这些预期往往决定了眼睛实际看到的东西
- 错误的数据洞察，产生于在图形的某个地方发生的不正确的视觉预期推断
一个典型的例子：轴刻度，我们期望它从始至终能够保持连贯且一致
该图在0到60之间都是间隔10，但是在60之后间隔20，这就有可能会造成不正确的视觉推断
3、数据上下文
展示数据的时候一定要把所有数据都补全
可视化设计方法
- 最重要的是展现数据
- 合理范围内，最大数据墨水占比(·擦除非数据墨水，·擦除冗余的数据墨水)
可视化设计原则总结
- 准确的展示数据
- 节省笔墨
- 节省空间
- 消除不必要的‘无价值’图形
- 在短期时间内传达最多的信息
视觉感知
可视化致力于外部认知，也就是说，怎样利用大脑以外的资源来增强大脑本身的认知能力
例如目前·有个要求在一定时间内找出数字里面有多少个3，如果是上面的数字，很难一次性展出，但如果把3突出显示，就很容易知道有多少个
结论
- 人类视觉系统观察的是变化，而不是绝对值，并且容易被边界吸引
- 在可视化设计中，设计者需要充分考虑到人类感知系统的这些现象，以使得设计的可视化结果不会存在阻碍或误导用户的可视化元素。
视觉编码
视觉编码是一种将数据信息映射成可视化元素的技术
数据信息——属性+值
可视化元素——可视化符号+视觉通道
面向前端的可视化工具
D3
D3.js是用于数据可视化的考员的JavaScript函数库，被认为是最好的JavaScript可视化框架之一
Vega
Vega是一种可视化语法。通过其声明式语言，可以用JSON格式描述可视化的视觉外观和交互行为，并使用Canvas或SVG生成视图。
G2
一套面向常规统计图表，以数据驱动的高交互可视化图形语法，具有高度的易用性和扩展性。使用G2,你可以无需关注图表各种繁琐的实现细节，一条语句即可使用Canvas或SVG构建出各种各样的可交互的统计图表。
ECharts
ECharts, 一个使用JavaScript实现的开源可视化库,可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器(IE9/10/11， Chrome, Firefox,Safari等) ，底层依赖矢量图形库ZRender,提供直观，交互丰富，可高度个性化定制的数据可视化图表
总结
数据可视化把无形的数据信息通过图像的形式表示出来，让客户更直观的了解到信息的变化，可视化工具也多种多样，掌握可视化技术也是未来发展的一种必然学习之路。
