D3.js bezierCurveTo() Function

The d3.bezierCurveTo() function in d3.js is used to draw the cubic-bezier segment to a certain point from the current given point via certain control points.

Syntax:

path.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, x, y);

Parameters: This function takes the following parameters.

• cpx1: It is the x1-coordinate of the bezier control point.
• cpy1: It is the y1-coordinate of the bezier control point.
• cpx2: It is the x2-coordinate of the bezier control point.
• cpy2: It is the y2-coordinate of the bezier control point.
• x: It is the x-coordinate of the endpoints.
• y: It is the y-coordinate of the endpoint.

Return Value: This function does not return any value.

Example 1:

Output:

Example 2:

Output: