Interpolate transform function lists, not just matrices. about d3-interpolate HOT 2 OPEN

I’ve reproduced this here:

https://bl.ocks.org/mbostock/98edae5ce16c3400b5bcd180653a3717

The way transform interpolation currently works is that it decomposes the start and end transform into a standard matrix representation, and then uses the CSS Transforms Module Level 1 specification for interpolating 2D matrices.

However, what we should be doing is following the specification for interpolating transforms, not matrices; the latter only applies in the general case when the start and end transform have different structure. This will require looking at the transform as a series of transform functions, rather than immediately decomposing it.

from d3-interpolate.

Great care has to be taken when implementing this feature, as the transformation lists might look different at start and end, but they can still be interpolated by the default value that is implied.

For example, interpolating between rotateZ(90deg) and scale(0.5, 0.5) would then be the same as interpolating between rotateZ(90deg) scale(1, 1) and rotateZ(0deg) scale(0.5, 0.5).

The user could also specify a transformation matrix on either of side of the transition, in which case it probably makes sense to reinterpret everything as matrices.

from d3-interpolate.