D3 Easing - Tuong-Nguyen/Angular-D3-Cometd GitHub Wiki
Type of easing
- linear
- quadIn
- quadOut
- quadInOut
- cubicIn
- cubicOut
- cubicInOut
- polyIn
- polyOut
- polyInOut
- sinIn
- sinOut
- sinInOut
- expIn
- expOut
- expInOut
- circleIn
- circleOut
- circleInOut
- bounceIn
- bounceOut
- bounceInOut
- backIn
- backOut
- backInOut
- elasticIn
- elasticOut
- elasticInOut
If an easing function is not specified, the default used is cubic and if In, Out or InOut aren't specified, the default is InOut except for bounce and elastic which use Out. Therefore we can use .ease(d3.easePoly) which is an alias for .ease(d3.easePolyInOut). easePoly is also an alias for easeCubic (and vice versa).
References
- Easing explorer - This is very helpful for understanding the behavior of each type of ease.
- Easing checker
- Transition easing
- D3 Ease API references
- Transition easing comparison in V4
- Easing equations