block by mbostock 9e7296f5c3f02c8b77f7

Easing Functions III

Full Screen

This chart visualizes D3’s built-in easing functions in “in-out” mode.* (See also “in” and “out” mode.) The x-axis represents the normalized time t in the range [0, 1]. The y-axis represents the eased time, ease(t). This value is typically in the same range, but not always.

*Pre-release D3 4.0 easing functions are shown. D3 3.x has a bug in “elastic” and “bounce” easing.