数据可视化基础08_D3.js完成基本图表 .docx

数据可视化

D3.js完成基本图表

单元目标

lDimplejs快速完成图表

l通过D3.js完成基础图表

D3.js

完成数据可视化的技术栈

Dimple.js

D3.js

Canvas，WebGLS，SVG

复杂度低

灵活度低

复杂度高

灵活度高

Dimple完成基本图表

Dimplejs

Dimple官网

/

ü基于D3

ü简单易学

ü为商务数据分析师设计

ü显示D3的所有对象

Dimplejs的例子

加入D3.js和dimple的库

Dimple绘制柱状图,准备数据

Dimplejs的例子

完成柱状图

Dimplejs的例子

增加散点图,增加数据，增加一个y2坐标轴

Dimplejs的例子

Series增加分类

增加散点图

增加图标

Dimplejs的例子

饼图，修改坐标轴，修改