随笔分类 -  D3系列学习笔记

D3学习笔记
摘要:简述 Drag-and-drop(拖拽) 是一种很流行的交互方式。 D3的 drag behavior 为[selections](https://github.com/d3/d3-selection交互, 例如你可以使用拖拽交互来增强 力导向效果,或者拖拽力学仿真中相互碰撞的圆: JS Bin o 阅读全文
posted @ 2017-05-16 12:15 禅楼望月 阅读(1808) 评论(0) 推荐(0)
摘要:简介 Brushing是一个通过点击或触摸来选择一个一维或二维区域的交互操作,比如可以通过点击鼠标并移动. brush经常被用来选择离散的元素比如散点图中的点或桌面上的文件等。它也可以被用来放大选中的区域。 d3-brush模块的实现基于鼠标和触控事件以及SVG. 点击并拖动来对选中的区域进行变换, 阅读全文
posted @ 2017-05-15 18:51 禅楼望月 阅读(2554) 评论(0) 推荐(1)
摘要:d3.nest d3.nest表示一种嵌套结构。之所以成为嵌套是因为可以指定多个key访问器,这些访问器是一层一层嵌套的。 作用 将数组中的元素对象,按照key方法指定的属性,分组为层次结构。与SQL中的GROUP BY操作类似.。嵌套后的叶节点都可以根据值进行排序而非叶节点可以通过key进行排序。 阅读全文
posted @ 2017-05-11 23:18 禅楼望月 阅读(1165) 评论(0) 推荐(0)
摘要:安装 1 npm install d3-selection View Code 加载 1 npm install d3-selection 加载 1 let d3Selection = require("d3-selection"); View Code 该对象下面包含: 1 let d3Selec 阅读全文
posted @ 2017-03-13 15:47 禅楼望月 阅读(2085) 评论(0) 推荐(0)