block by mbostock 3fad0a71418216b74444

Easing Functions

Full Screen

This chart visualizes D3’s easing functions in “in” mode.* (See also “out” and “in-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.