360SDN.COM

数据可视化工具介绍之D3

来源:数据分析  2017-10-24 15:55:37    评论:0点击:

在这个看脸的时代,数据可视化在数据分析中所占的比重越来越大,为此,国内也有很多技术团队在此领域深耕,比如百度的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

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

 

阅读原文

为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权