Core Animation Object - Quadratic

Quadratic Animation - change follows a quadratic curve. This example shows the radius of a circle increasing, plus draws the output curve.
Animation Settings:
1. Smoothness50 frames per second
2. Duration2000 - runtime in ms
3. Range 130 increase in circle radius
4. nth Degree quadratic curve rate of change
5. Output Equationfunction quad(p){return Math.pow(p, nthDegree)}
6. Application Output myCircle.r.baseVal.value
Quadratic nth Degree:

SVG Source:
Javascript:
OK in:IE11/CH32/FF23