D3入门：概念、优缺点及基本绘图流程.pdfVIP

目标

•认识d3的概念和优缺点

•理解d3的基本绘图流程

知识点

•D3简介

•快速上手D3

D3

D3是于DataDrivenDocuments的三个首字母，其本质是将数据与DOM绑定，并将数据映射至DOM属性上。

D3是一个基于web的JavaScript可视化库。

D3可以借助SVG,Canvas以及HTML将你的数据生动的展现出来。

D3长于可视化，而不止于可视化，还了数据处理、数据分析、DOM操作等诸多功能。

D3更接近底层，与g2、echarts不同，d3能直接操作svg，所以拥有极大的自由度，几乎可以实现任何2d的设计

需求。

地址：

API：

D3的优缺点

优势：掌握d3后，可让自己的作品具有更广阔的扩展空间。

缺点：学习门槛较高，对用户的web技术、可视化理论、数学逻辑都一定要求。

用D3绘制图形的步骤

1.D3

•d3.zip

•cdn：

•

•

2.建立DOM元素

3.