d3
文章平均质量分 57
artemisrj
这个作者很懒,什么都没留下…
展开
-
《数据可视化实战:使用D3设计交互式图表 》笔记
花了半天时间翻了一下这本书,这本书其实讲得并不深,也挺适合刚入门d3的,同时也有一些小tip可以看看。1.全局变量输入window可以看全局变量,作者表示定义全局变量有时候会导致冲突,给出了一个解决方案是将所有你定义的全局变量定义为一个一个全局变量的属性,比如说定义一个vis的全局变量。然后再把要定义的变量variable变成 vis.variable 这样的变量.2.加载数据加载原创 2015-02-08 15:26:12 · 1426 阅读 · 0 评论 -
d3,四叉树,quadtree
四叉树是一种二维空间的递归划分,应用在计算n体的力,或者碰撞检测。http://bl.ocks.org/patricksurry/6478178 以最近邻查找为例子。var quadtree = d3.geom.quadtree() .extent([[-1, -1], [width + 1, height + 1]]) (data);//初始化e原创 2015-04-28 12:52:50 · 2318 阅读 · 0 评论 -
svg交互的
https://www.ibm.com/developerworks/cn/xml/x-svgint/#author参考资料针对本文的一些内容进行改进 谷歌浏览器内核,有点翻旧账了的感觉1.svgDocument 如果svg是嵌入在网页里面的话,改成document,因为 When an ‘svg’ element is embedded inline as a compon原创 2013-02-22 21:55:26 · 715 阅读 · 0 评论 -
treemap
http://mbostock.github.io/d3/talk/20111018/treemap.htmlhttp://bl.ocks.org/davetaz/9954190原创 2016-01-11 16:02:18 · 515 阅读 · 0 评论 -
d3的一些资源库
作者根据d3做了一些模板,主要用了path来表现,动画效果还是不错的。 http://nvd3.org/index.html原创 2016-03-17 10:09:24 · 709 阅读 · 1 评论 -
d3力场Force Layout
https://github.com/mbostock/d3/wiki/Force-Layout 介绍API界面力场相关的几个函数力学(Force)d3.layout.force -节点(node)基于物理模拟的位置连接。force.on - 监听布局位置的变化。(仅支持"start","step","end"三种事件)force.nodes - 获得或设置布局中的节点(n原创 2015-03-14 19:47:20 · 1702 阅读 · 0 评论 -
d3 拖曳效果
d3的 svg里面的元素可以直接绑定拖曳效果var drag=d3.behavior.drag() .on("drag",move);声明drag,并且绑定drag行为的实现函数。 var circleg=svg.append("g") .attr("class","g"+wordsText) .call(drag)在元素上绑定drag, function mo原创 2015-04-22 14:29:55 · 916 阅读 · 0 评论 -
d3,颜色插值
下面的代码显示d3的几种颜色插值。关于说明文档 https://github.com/mbostock/d3/wiki/Transitions#d3_interpolateHcl示例 Linear Color Interpolation Hsl rgb lab var max = 21, data = [];原创 2015-03-17 21:16:19 · 2593 阅读 · 0 评论 -
d3的brush区域选择
https://github.com/mbostock/d3/wiki/SVG-Controls#brush原创 2015-02-06 14:05:15 · 5211 阅读 · 0 评论 -
d3,圆弧 arc,饼图
arc.centroid - compute the arc centroid.arc.cornerRadius - get or set the corner radius accessor.arc.endAngle - get or set the end angle accessor.arc.innerRadius - get or set the inner radius accessor原创 2015-03-15 21:24:36 · 5858 阅读 · 0 评论 -
d3的一些东西
svg里面文本是text ,x是文字左边的,y是文字下面的数值。原创 2015-03-18 21:15:29 · 546 阅读 · 0 评论