| 数据可视化工程基础知识 |
1.为什么需要数据可视化
2.数据可视化的含义
3.数据可视化的种类
4.用户对数据的常见阅读习惯
5.色彩基本原理
6.数据可视化的开发流程
7.数据可视化的典型应用回顾
8.Web 上的数据可视化技术常见技术框架
|
| 数据可视化工具部分推荐 |
1.kitchen - Sketch 工具集
2.ChartMaker
3.ColorLab
4.Charticulator
|
| 前端数据可视化技术基础 |
1、 svg (Scalable Vector Graphics)
a) 核心知识点
- svg、circle、line、polyline、rect、ellipse、polygon、path、text、use、g、defs
标签
- viewBox 属性
- css 属性( fill、stroke、stroke-width)
b) svg 案例实践
2、 canvas
a) 核心知识点
- 基本属性和常用方法
- 绘制文本、形状、图片
- 交互事件封装
- 动画
b) 案例实践
3、 webgl
a) 核心知识点
- WebGLRenderingContext
- 常用实战方法
b) 案例实战
4、 svg VS canvas 异同 |
| 第三方库之 d3
|
1、 d3 核心必备知识
2、 d3 案例实践
3、 与框架 vue 的结合
4、 与框架 react 的结合 |
| 第三方库之Chart.js |
1、 Chart.js 核心必备知识
2、 Chart.js可视化控件介绍
3、 Chart.js 案例实践
4、 与框架 vue 的结合
5、 与框架 react 的结合> |
| 第三方库之 echart |
1.echart 框架原理
2.echart 的可视化控件介绍
3.echart 的安装和使用
- Line Chart
- Bar Chart
- Pie Chart
4.echart 的案例实战 |
| 第三方库之 antv |
1.antv 可视化框架原理
2.antv应用实例
3.G2 的安装和使用
4.G2 的案例实战
|
