zhihuiwuzhe 发表于 2018-7-22 19:50:41

数据可视化工具介绍之D3

在这个看脸的时代,数据可视化在数据分析中所占的比重越来越大,为此,国内也有很多技术团队在此领域深耕,比如百度的Echarts、阿里的G2等,今天读书人推荐的是这一领域的先驱——D3。http://img.mp.itc.cn/upload/20170515/37cafd9ab8f74fdc889aeddb28cfe31a_th.jpgD3(Data—Driven Docmument),又称数据驱动文档,是一个Java库,主要用于创建数据可视化图形,是一款开源软件,其最新版本为4.8.0。其主要作者是Mike Bostock.其官方网站为:http://www.d3js.org。D3的发展历史可参见下图:http://img.mp.itc.cn/upload/20170515/2cd92a822749461b945e31d480bdfe76.jpgD3的能与不能D3作为一款网页前端数据可视化工具,其将数据在网页端映射出来,并表现为我们需要的图形,大部分情况下D3都能满足我们的需求,只有你想不到的,没有它实现不了的。但也有一些事情是D3不能实现的,比如说:
[*]D3没有固定的数据图形模板供我们日常参考,不能像操纵Excel一样来实现制图功能;
[*]D3只支持高版本的浏览器,如遇到IE6.0这种,你是看不到D3的图形实现的;
[*]处理位图格式的图片地图也不是D3的优点,但处理SVG或Geojson等地图数据却很擅长;
[*]最后在原始数据的保存上D3也不能很好的起到保密作用,如对外公布还是乖乖的截图吧。
D3怎么用?1、关于D3的下载D3的下载网址为:http://d3js.org/d3.v3.zip2、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%8C2、 实时更新在线控制面板和小部件的在线插件——dashkuhttp://dashku.com3、 重用D3图表插件——NVD3Http://nvd3.org4、 D3时间序列插件——cubism.jshttp://square.github.io/cubism
页: [1]
查看完整版本: 数据可视化工具介绍之D3