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

1.数据可视化的基本概念

数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息，是关于数据视觉表现形式的科学技术研究。数据可视化可以看到交互界面，更适合于探索性地分析数据。

1. 数据开发：是指利用一定的算法和工具对数据进行定量的推演和计算；
2. 数据空间：是由n维属性和m个元素组成的数据集所构成的多维信息空间；
3. 数据分析：指对多维数据进行切片、块、旋转等动作剖析数据，从而能多角度多侧面观察数据；
4. 数据可视化：是指将大型数据集中的数据以图形图像形式表示，并利用数据分析和开发工具发现其中未知信息的处理过程。

2.可视化设计的基本原则

1. 重复(Repetition)：让设计中的视觉要素在整个作品中重复出现。
2. 对比(Contrast)：对比的基本思想是， 要避免页面上的元素太过相似。
3. 亲密性(Proximity)：彼此相关的项应当靠近， 归组在一起。
4. 对齐(Alignment)：任何东西都不能在页面上随意安放。 每个元素都应当与页面上的另一个元素有某种视觉联系。

3.面向前端的可视化工具

1. CSS UI Lib是由腾讯AlloyTeam前端开发团队建立，主要收集国内外友好体验和创意的界面组件Demo。它除了使用CSS3技术外，还使用了HTML5，JS，JX，jQuery等技术，来达到完美的外观表现以及交互体验。
2. CSS3剪贴路径（Clip-path）在线生成器工具：这是一款可在线调整并生成CSS3剪贴路径的工具。
3. CSS 代码生成：如果需要UI出现渐变效果，但是使用在线的工具-cssmatic，可以生成CSS 代码，渐变，阴影等。