设为首页收藏本站

EPS数据狗论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1898|回复: 0

[数据可视化] 数据可视化工具介绍之D3

[复制链接]

21

主题

1176

金钱

4715

积分

中级用户

发表于 2018-7-22 19:50:41 | 显示全部楼层 |阅读模式
在这个看脸的时代,数据可视化在数据分析中所占的比重越来越大,为此,国内也有很多技术团队在此领域深耕,比如百度的Echarts、阿里的G2等,今天读书人推荐的是这一领域的先驱——D3。
D3(Data—Driven Docmument),又称数据驱动文档,是一个Java库,主要用于创建数据可视化图形,是一款开源软件,其最新版本为4.8.0。其主要作者是Mike Bostock.其官方网站为:http://www.d3js.org。D3的发展历史可参见下图:
D3的能与不能
D3作为一款网页前端数据可视化工具,其将数据在网页端映射出来,并表现为我们需要的图形,大部分情况下D3都能满足我们的需求,只有你想不到的,没有它实现不了的。但也有一些事情是D3不能实现的,比如说:
  • D3没有固定的数据图形模板供我们日常参考,不能像操纵Excel一样来实现制图功能;
  • D3只支持高版本的浏览器,如遇到IE6.0这种,你是看不到D3的图形实现的;
  • 处理位图格式的图片地图也不是D3的优点,但处理SVG或Geojson等地图数据却很擅长;
  • 最后在原始数据的保存上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

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

客服中心
关闭
在线时间:
周一~周五
8:30-17:30
QQ群:
653541906
联系电话:
010-85786021-8017
在线咨询
客服中心

意见反馈|网站地图|手机版|小黑屋|EPS数据狗论坛 ( 京ICP备09019565号-3 )   

Powered by BFIT! X3.4

© 2008-2028 BFIT Inc.

快速回复 返回顶部 返回列表