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

pathStep

pathStep(options?): EdgePath

Defined in: packages/sigma/src/rendering/edges/paths/step.ts:75

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

The path consists of 3 segments with 2 90° corners, forming a Z-shape or step pattern depending on the orientation. Corners have perfect miter joins.

Parameters

options?

StepPathOptions

Path configuration

Returns

EdgePath

EdgePath definition for step paths

Example

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