Typed edges

This page is the wiki counterpart of https://sflw.loca.zone/demo/edges. Sidebar label: Expressive edges. Source: src/routes/demo/edges/+page.svelte.

flowchart LR
    In["incoming payload"] --> Step["processing"]
    Step -->|solid data| Data["data"]
    Step -->|dashed control| Control["control"]
    Step -->|dotted error| Error["error"]

Line patterns communicate kind: solid data, dashed control, dotted error. Path geometry (Bezier, Smoothstep, Straight) changes drawing, not semantic kind. Animation demonstrates rendering, not live traffic.

The demo intentionally overrides factory geometry: its initial error route uses a custom straight renderer, while the shared factory default error edge is a step.

See demos for the interaction list and concepts for edge meaning.