Cubic Bezier curves

There are two types of Bezier curves:

Each curve is made up of four points:

  • Start point
  • End point
  • Starting control point
  • Ending control point

The start/end points are where the curve starts and ends. The control points define the shape of the curve. It's easiest to conceptualize it with the following diagram:

As we manipulate the control points, we can see how the shape of the curve is affected:

You can even join multiple Bezier curves together, ...

Get D3.js Quick Start Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.