搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 数据分析 > 数据可视化工具介绍之D3

数据可视化工具介绍之D3

数据分析 2017-10-31

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



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


数据可视化工具介绍之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万人群。

 

版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《数据可视化工具介绍之D3》的版权归原作者「数据分析」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注数据分析微信公众号

数据分析微信公众号:ecshujufenxi

数据分析

手机扫描上方二维码即可关注数据分析微信公众号

数据分析最新文章

精品公众号随机推荐