Skip to content
This is the alpha v4 version website. Looking for the v3 documentation?

pathStepCurved

pathStepCurved(options?): EdgePath

Defined in: packages/sigma/src/rendering/edges/paths/stepCurved.ts:69

Creates a step (orthogonal) edge path with rounded corners.

The path consists of 3 segments with 2 rounded corners using quadratic Bezier curves, forming a smooth Z-shape or step pattern.

Parameters

options?

StepCurvedPathOptions

Path configuration

Returns

EdgePath

EdgePath definition for step curved paths

Example

const EdgeStepCurvedProgram = createEdgeProgram({
paths: [pathStepCurved({ orientation: "horizontal" })],
extremities: [extremityNone(), extremityArrow()],
layers: [layerPlain()],
});