D3简介

D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象,说简单一点,其实就是一个 JavaScript 的函数库,使用它主要是用来做数据可视化的。

这里写图片描述


D3的优势

1) 数据能够与DOM绑定在一起
   D3能够将数据与DOM绑定在一起,使得数据与图形成为一个整体,即图形中有数据,
数据中有图形,那么生成图形或更改图形时,就可以方便的根据数据进行操作。并且当数据更改之后,图形的更新也会很方便。


2)数据转换和绘制是独立的
   将两者分开,极大提高了自由度,以至于开发者甚至可以使用其他的图形库来显示D3计算的数据。


3) 代码简洁
   JQuery是网页开发中最常用的库,其链式语法被很多人喜爱。D3也采用这一语法,能够一个函数嵌套一个函数,使得代码简洁。


4) 大量布局
饼状图,树形图,打包图,矩阵树图等,D3将大量复杂算法封装成为一个一个“布局”,能够适用于各种图表操作。


5) 基于SVG,缩放不会损失精度 SVG,是可缩放的矢量图形。D3大部分是在SVG上绘制的,并且提供了大量的图形生 成器,使得在SVG上绘制图形变得简单。另外,由于SVG是矢量图,所以放大缩小不会有精度损失。