D3.js curveStep() Method

The step curve interpolator creates vertical and horizontal lines representing a step function. A vertical line is created for each pair of points in the dataset. For each pair of points, the vertical line is positioned at the midpoint between the x coordinate.

Syntax:

d3.curveStep()

Parameters: This method does not accept any parameters

Return Value: This method does not return any value.

Example 1: 

Output:

Example 2:

Output: