阅读 68

咸鱼的D3-前言

1.什么是D3

D3全称是 Data-Driven Documents,从名字来看作者立意还是很高的:数据驱动文档。简单来说d3的核心理念就是数据绑定dom,用过vue和react的同学看到这里就笑了。d3算是比较接近原生的东西语法跟jq类似,选中dom以后操作dom,所以早期版本的d3只支持操作svg不过新版本的d3已经加入了对canvas的支持。

2.svg

为什么把svg单独拿出来说,因为d3主要就是操作svg及其下所属元素的,所以大家一定要对svg标签有一定的了解。

3.css3动画

要想做一个有灵魂的图没有css3的支持肯定是不行的,着重推荐大家熟悉 transition 和tranform 基本所有动画都是围绕这几个展开的。

请关注我的专栏,会学习到很多黑科技,因公司业务繁忙,日常失联~~~~~~~~~~~~~~