数据可视化基础 学习｜ 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第15天
数据可视化的形式
- 图表
- 地图
- 缩略图
- ......
概念
- 可视化：用少量的内容展示充足的内涵，增强感知与认知能力
- 科学可视化：主要是科学、学术的实验数据的可视化
- 信息可视化：对抽象数据的直观展示
- 可视化分析：数据交互中的可视化，以及数据挖掘等等领域
可视化原则
- 正确 清晰 详细 准确 直观
- 数据尺度的选择
- 数据上下文
可视化编码
将数据信息映射为可视化元素和视觉通道的技术
可视化工具
- D3----JavaScript可视化工具之一，是生成一个个svg元素体现在页面上的，是基于数据驱动的一个框架，上手是比较难的
- Vega：通过声明式语言，用json格式描述数据以及一些交互行为，最终使用canvas或者svg生成试图
- G2：可视化图形语法库，具有高度的易用性和扩展性。使用简单，无需关注图表各种琐碎的细节
- Echarts：这款js库使用比较广泛，对其的熟悉程度也高，它可以流畅的运行在PC端、移动端等不同设备上，它具有强图表类型。免费 开源 适合大数据
前端项目中使用可视化工具
在登录注册界面、展示界面以及涉及交互的界面，可视化的加持可以提高用户体验，一些整洁、酷炫的设计会给项目带来更大的用户以及更完善的开发机制
- 在项目中使用Echarts,需要先echarts.js文件；直接在html中引入即可使用；
- 准备一个容器来放置绘制后的结果；
- 为容器的图表元素进行初始化echarts.init( );
- 之后可以进行数据的配置，图表类型、颜色、字体大小、标题等等都可以进行配置；
- 将数据填充到对象中，可视化后展示到容器中
