transition.duration([value]) For each selected element, sets the transition duration to the specified value in milliseconds. The value may be specified either as a constant or a function. If a function, it is immediately evaluated for each selected element, in order, being passed the current datum d and index i, with the this context as the current DOM element. The function’s return value is then used to set each element’s transition duration. If a duration is not specified, it defaults to 2

transition.delay([value]) For each selected element, sets the transition delay to the specified value in milliseconds. The value may be specified either as a constant or a function. If a function, it is immediately evaluated for each selected element, in order, being passed the current datum d and index i, with the this context as the current DOM element. The function’s return value is then used to set each element’s transition delay. If a delay is not specified, it defaults to zero. If a va

transition.call(function[, arguments…]) Invokes the specified function exactly once, passing in this transition along with any optional arguments. Returns this transition. This is equivalent to invoking the function by hand but facilitates method chaining. For example, to set several attributes in a reusable function: function color(transition, fill, stroke) { transition .style("fill", fill) .style("stroke", stroke); } Now say: d3.selectAll("div").transition().call(color, "red"

transition.attrTween(name[, factory]) If factory is specified and not null, assigns the attribute tween for the attribute with the specified name to the specified interpolator factory. An interpolator factory is a function that returns an interpolator; when the transition starts, the factory is evaluated for each selected element, in order, being passed the current datum d and index i, with the this context as the current DOM element. The returned interpolator will then be invoked for each f

transition.attrs(values) Like selection.attrs, but for transition.attr.

transition.attr(name, value) For each selected element, assigns the attribute tween for the attribute with the specified name to the specified target value. The starting value of the tween is the attribute’s value when the transition starts. The target value may be specified either as a constant or a function. If a function, it is immediately evaluated for each selected element, in order, being passed the current datum d and index i, with the this context as the current DOM element. If the t

transform.translate(x, y) Returns a transform whose translation tx1 and ty1 is equal to tx0 + x and ty0 + y, where tx0 and ty0 is this transform’s translation.

transform.toString() Returns a string representing the SVG transform corresponding to this transform. Implemented as: function toString() { return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")"; }

transform.scale(k) Returns a transform whose scale k₁ is equal to k₀ × k, where k₀ is this transform’s scale.

transform.rescaleY(y) Returns a copy of the continuous scale y whose domain is transformed. This is implemented by first applying the inverse y-transform on the scale’s range, and then applying the inverse scale to compute the corresponding domain: function rescaleY(y) { var range = y.range().map(transform.invertY, transform), domain = range.map(y.invert, y); return y.copy().domain(domain); } The scale y must use d3.interpolateNumber; do not use continuous.rangeRound as this reduce