这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天

本堂课重点内容：

1. 了解数据可视化的概念和基本原则
2. 能够识别出不好的，甚至是有误导性的可视化呈现
3. 了解一些面向前端发数据可视化工具

数据可视化的基本概念

数据可视化，是关于数据视觉表现形式的科学技术研究。其中，这种数据的视觉表现形式被定义为，一种以某种概要形式抽提出来的信息，包括相应信息单位的各种属性和变量。

数据可视化的分类

1. 科学可视化
2. 信息可视化
3. 可视分析

为什么要可视化

1.记录信息 2.分析推理 3.证实假设 4.交流思想

可视化设计原则和方法

可视化设计的四个基本原则 基本原则一：简单清晰原则 基本原则二：视觉一致性原则 基本原则三：信息聚焦原则 基本原则四：高可访问性原则

面向前端的可视化工具

D3

D3.js是用于数据可视化的开源的JavaScript函数库，被认为是最好的JavaScript可视化框架之一

Vega

Vega是一种可视化语法。通过其声明式语言，可以用JSON格式描述可视化的视觉外观和交互行为，并使用Canvas或SVG生成视图。

G2

一套面向常规统计图标，以数据驱动的高交互可视化图形语法，具有高度发易用性和扩展性。使用G2，可以无需关注图标各种繁琐的实现细节，一条语句即可使用Canvas或SVG构建出各种各样的可交互的统计图表。

ECharts

一个使用JavaScript实现的开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器， 底层以来矢量图形库ZRender，提供只管，交互吩咐，可高度个性化定制的数据可视化图标。