这是我参与「第五届青训营 」伴学笔记创作活动的第 14 天
课堂重点
今天讲了数据的可视化，然后延伸到js如何实现数据的可视化。学到了许多知识。
笔记
什么是数据可视化？
Anything that converts data into a visual representation(like charts, graphs, maps, sometimes even just tables)
其实已经很顾名思义了，就是可以将数据转为图标，地图等可以直接用视觉观察的就是可视化
可视化分三类 科学可视化（科学实验数据的直接展示） 信息可视化（对抽象数据的直观展示） 可视分析（对分析结果的直观展现，及交互式反馈）
可视化设计原则 能够正确地表达数据走中的信息而不产生偏差与歧义。 避免透视失真，负责有好的视觉预期去设计图形和数据尺度。以及数据上下文清晰
一个出色的可视化设计可在最短的时间内，使用最少的空间、用最少的笔墨为观众提供最多的信息内涵。
格式塔理论 系统的对人类如何发现图形元素之间的相关性进行了全面总结，被广泛的应用在了视觉设计当中。
就近原则：
- 当视觉元素在空间距离上相距较近时，人们通常倾向于将他们归为一组。
- 将数据元素放在靠近的位置，可以突出它们之间的关联性。
相似原则：
- 形状、大小、颜色、强度等属性方面比较相似时，这些物体就容易被看作一个整体。
连续性原则：
- 人们在观察事物的时候会很自然地沿着物体的边界，将不连续的物体视为连续的整体。
闭合原则：
- 有些图形可能本身是不完整或者不闭合的，但主体有一种使其闭合的倾向，人们就会很容易地感知整个物体而忽略未闭合的特征。
共势原则：
- 如果一个对象中的一部分都向共同的方向去运动，那这些共同移动的部分就易被感知为一个整体。
对称性原则：
- 对称的元素被视为同一组的一部分。
图形与背景关系原则
- 大脑通常认为构图中最小的物体是图形，而更大的物体则是背景。
- 跟凹面元素相比，凸面元素与图形相关联更多些。
面向前端的可视化工具
D3.js 可视化界的 jQuery
vega,可以用json格式就能实现可视化，但是对新手不友好
G2（支付宝前端团队开发）数据驱动的高交互可视化图形语法
ECharts（百度团队开发） 兼容性好
Chart.js 比较简略，平常图表展示够用
个人总结
可视化在我们生活中以及代码开发其实非常常见，往地图上发展也更有其他类似cesium的库。也是可以看到前端的技术发展繁荣，希望自己以后也能参与到一些开源技术库的开发上
