Web前端高级工程师-D3入门与基础绘图流程.pptxVIP

D3入门

目标认识d3的概念和优缺点理解d3的基本绘图流程

知识点D3简介快速上手D3

D3是什么D3是来源于DataDrivenDocuments的三个首字母，其本质是将数据与DOM绑定，并将数据映射至DOM属性上。D3是一个基于web标准的JavaScript可视化库。D3可以借助SVG,Canvas以及HTML将你的数据生动的展现出来。D3长于可视化，而不止于可视化，还提供了数据处理、数据分析、DOM操作等诸多功能。D3更接近底层，与g2、echarts不同，d3能直接操作svg，所以拥有极大的自由度，几乎可以实现任何2d的设计需求。官网地址：githubAPI：

D3的优缺点优势：掌握d3后，可让自己的作品具有更广阔的扩展空间。缺点：学习门槛较高，对用户的web技术、可视化理论、数学逻辑都一定要求。

用D3绘制图形的步骤1.下载D3d3.zipcdn：2.建立DOM元素3.用数据驱动DOM元素

总结在这一章，咱们可以认识到d3的便捷和基本用法，下一章咱们来说一下d3的核心方法。