D3 CURVE EXPLORER
curveLinear
curveBasis
curveBasisClosed
curveBundle (ß=0)
curveBundle (ß=0.5)
curveBundle (ß=1)
curveCardinal (tension=0)
curveCardinal (tension=0.5)
curveCardinal (tension=1)
curveCatmullRom (α=0)
curveCatmullRom (α=0.5)
curveCatmullRom (α=1)
curveMonotoneX
curveMonotoneY
curveNatural
curveStep
curveStepAfter
curveStepBefore
The JavaScript library
D3
provides a number of
curve types
to interpolate (or approximate) a set of points. Toggle each of the curve types using the buttons above. You can also add/remove/drag the points to change the shape of the curve.