这是我参与「第四届青训营 」笔记创作活动的的第14天
数据可视化
任何一种数据转化成为可视化形式的展现
可视化设计原则
能够正确的表达数据中的信息而不产生偏差与歧义
准确地展示数据、节省笔墨、节省空间、消除不必要的“无价值”图形 、在最短时间内传达最多的信息
视觉感知
- 感知：是指客观事物通过人的感觉器官在人脑中形成的直接反应。
- 感觉器官：眼、耳、鼻、神经末梢
- 视觉感知：就是客观事物通过人的视觉在人脑中形成的直接反映
面向前端的可视化工具
D3
D3 支持将任意数据绑定到DOM，然后将数据驱动的转换应用于文档。例如，可以通过D3用数字数组生成HTML表。或者，使用相同的数据创建具有平滑过渡和交互的交互式SVG条形图。 D3不是一个试图提供所有可能的功能的单一框架。相反，D3解决了问题的症结：基于数据有效操作文档。这提高了灵活性，公开了HTML，SVG和CSS等Web标准的全部功能。D3消耗极小，速度极快，支持大型数据集以及交互和动画的动态行为。
Vega
Vega 为各种可视化设计提供了基本的构建块：数据加载和转换，比例，地图投影，轴，图例和图形标记，如矩形，线，绘图符号等。可以使用反应信号来指定交互技术，这些信号动态修改可视化以响应输入事件流。
G6
G6是一个简单、易用、完备的图可视化引擎，它在高定制能力的基础上，提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。
ECharts
ECharts是使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库，提供直观，交互丰富，可高度个性化定制的数据可视化图表。
