一:D3(Data-Driven Documents) 官网地址:http://d3js.org/功能非常强大(不支持IE8) D3 是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HT.....
分类:
Web程序 时间:
2015-02-01 07:08:40
阅读次数:
223
官网:http://d3js.org/范例:https://github.com/mbostock/d3/wiki/Gallery引用://在线引用//或下载到本地 D3.js galance 开始: d3.select实现单个元素选取select.attr,读取/设置元素属...
分类:
Web程序 时间:
2015-01-09 00:05:11
阅读次数:
290
D3.js作为一门轻型的可视化类库,非常便于将数据与web界面元素绑定,实现可视化。乐帝d3.js入门是大体看了一遍《d3js数据可视化实战》这本书,D3操作非常类似于jquery的使用,具体体现在两点:
选择器模块都采用CSS3标准方法可以链式调用
有了jquery使用基础,相信再加上以上书籍的例子,调试很容易上手使用D3.js,乐帝目前认为D3.js与jquery区别在于:D...
分类:
Web程序 时间:
2014-10-23 20:50:38
阅读次数:
439
D3js技术文档概述 D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For exam...
分类:
Web程序 时间:
2014-09-06 23:43:54
阅读次数:
515
d3js拓扑关系特效 D3 Page Template switch virtual switch virtual machine
分类:
Web程序 时间:
2014-09-06 23:41:54
阅读次数:
869
Simple Graph 这是最基本的一个图表,有横坐标,纵坐标。效果如下:这是最基本的图形,x轴,y轴,对应的数据形式是JSON类型,更多的可以参照D3官网:http://d3js.org/
分类:
Web程序 时间:
2014-08-26 17:09:16
阅读次数:
225
一、引入d3.js可以到官网下载,然后引入到工程中去。或者直接用d3远程的js,只要引入下面一行代码即可使用。注:d3和百度的echarts中的esl.js冲突,d3会失效。二、选择生成图形位置var svg = d3.select("#main")//选择页面中id=main的元素,也可以直接选择...
分类:
Web程序 时间:
2014-07-31 12:53:26
阅读次数:
249
D3.js是一种数据操作类型的javascript库(也可视其为插件);结合HTML,SVG和CSS,D3可以图形化的,生动的展现数据。d3获取:http://d3js.org/在代码文件中引入D3:添加元素语法:d3.select("body").append("p").text("New par...
分类:
其他好文 时间:
2014-07-30 00:44:22
阅读次数:
364
本章介绍如何用 D3 做一个饼状图。初始数据是几个整数,将这几个整数转换成饼状图使用的数据,转换用 Layout 来转换数据。...
分类:
Web程序 时间:
2014-07-22 14:17:14
阅读次数:
568
这一节学习让图表动起来,前面几节的图表都是静态的,不能体现D3的优势。...
分类:
Web程序 时间:
2014-06-30 18:36:03
阅读次数:
213