Smooth quadratic Bezier curve

The final situation where we can simplify defining a Bezier curve is where we have a quadratic Bezier curve (one single control point) that is a reflection of the end control point of a previous curve:

In this situation, the browser knows the start point of the curve (the end point of the previous curve), and it can calculate the single control point needed (since it is a quadratic Bezier curve) based on the end control point of the previous curve. This is a smooth quadratic Bezier curve, and you only need one point to define it:

  • The end point

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.