Skip to content
sigma.js sigma.js
v4.0.6 Docs Examples GitHub 12.2K

CurvedSPathOptions

Defined in: packages/sigma/src/rendering/edges/paths/curvedS.ts:17

Options for S-curve path creation.

optional curveOffset?: number

Defined in: packages/sigma/src/rendering/edges/paths/curvedS.ts:48

How far control points extend from source/target, as a ratio of edge length. Higher values create more pronounced curves. Default: 0.5


optional curvePosition?: number

Defined in: packages/sigma/src/rendering/edges/paths/curvedS.ts:55

Position of the inflection point along the curve [0-1]. 0.5 = centered S-curve, other values create asymmetric curves. Default: 0.5


optional orientation?: number | "horizontal" | "vertical" | "automatic"

Defined in: packages/sigma/src/rendering/edges/paths/curvedS.ts:33

Path orientation preference.

  • “horizontal”: Control points extend horizontally (H-like curve)
  • “vertical”: Control points extend vertically (V-like curve)
  • “automatic”: Choose based on which delta is larger (abs(dx) vs abs(dy))
  • number: Fixed angle in radians for control point direction Default: “automatic”

optional rotateWithCamera?: boolean

Defined in: packages/sigma/src/rendering/edges/paths/curvedS.ts:41

Whether edges rotate with camera or stay screen-aligned.

  • false: Curves stay horizontal/vertical on screen
  • true: Curves rotate with the graph (world-aligned) Default: false

optional segments?: number

Defined in: packages/sigma/src/rendering/edges/paths/curvedS.ts:23

Number of segments for tessellation. Higher values = smoother curve but more vertices. Default: 16