D3 Curve Explorer
Interactive catalog of all 18 D3.js curve interpolation types. Hover to inspect, click to enlarge, drag points in the playground to see curves respond in real-time.
All
Linear
Step
Basis
Cardinal
Catmull-Rom
Monotone
Natural
Bundle
🎨 Curve Playground
Click to add points, drag to move them, pick a curve — watch it respond live.
Click on the canvas to add a data point.
Drag any point to reposition it.
Right-click a point to remove it.
Drag any point to reposition it.
Right-click a point to remove it.
No points yet — click the canvas!