数据可视化工具介绍之D3

在这个看脸的时代，数据可视化在数据分析中所占的比重越来越大，为此，国内也有很多技术团队在此领域深耕，比如百度的Echarts、阿里的G2等，今天读书人推荐的是这一领域的先驱——D3。

D3（Data—Driven Docmument)，又称数据驱动文档，是一个JavaScript库，主要用于创建数据可视化图形，是一款开源软件，其最新版本为4.8.0。其主要作者是Mike Bostock.其官方网站为：http://www.d3js.org。D3的发展历史可参见下图：

D3的能与不能

D3作为一款网页前端数据可视化工具，其将数据在网页端映射出来，并表现为我们需要的图形，大部分情况下D3都能满足我们的需求，只有你想不到的，没有它实现不了的。但也有一些事情是D3不能实现的，比如说：

1. D3没有固定的数据图形模板供我们日常参考，不能像操纵Excel一样来实现制图功能；

2. D3只支持高版本的浏览器，如遇到IE6.0这种，你是看不到D3的图形实现的；

3. 处理位图格式的图片地图也不是D3的优点，但处理SVG或Geojson等地图数据却很擅长；

4. 最后在原始数据的保存上D3也不能很好的起到保密作用，如对外公布还是乖乖的截图吧。

D3怎么用？

1、关于D3的下载

D3的下载网址为：http://d3js.org/d3.v3.zip

2、D3的插件

D3有很多的插件可供大家使用，这里数据导航只推荐几款常用的插件，比如处理大型数据集的Crossfilter插件，处理时间序列相关数据可视化问题的Cubism插件，可重用D3且有很多图表示例的NVD3插件等。

3、D3的制图流程

利用D3将数据转化为对应的图形，大致需要四步：

• 将数据加载到浏览器的内存空间；

• 将数据绑定到文档中的元素，并根据需要创建新的元素；

• D3解析每个元素的范围资料，并为其设置对应的可视化熟悉，实现数据元素到图表的转换；

• 响应用户输入元素状态的过渡。

D3相关资源

1、        D3API接口中文手册

https://github.com/d3/d3/wiki/API--%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8C

2、     实时更新在线控制面板和小部件的在线插件——dashku

http://dashku.com

3、     重用D3图表插件——NVD3

Http://nvd3.org

4、     D3时间序列插件——cubism.js

http://square.github.io/cubism

版权声明：本号内容部分来自互联网，转载请注明原文链接和作者，如有侵权或出处有误请和我们联系。

活动推荐：2017全球机器学习技术大会

更多相关知识请回复：“ 月光宝盒 ”；

数据分析（ID : ecshujufenxi ）互联网科技与数据圈自己的微信，也是WeMedia自媒体联盟成员之一，WeMedia联盟覆盖5000万人群。