Basic canvas

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

flowchart LR
    In["Incoming event"] --> Make["Make it useful"]
    Make --> Ship["Ship the result"]

The starter graph contains Incoming event, Make it useful, Ship the result, and a note titled Your canvas, your rules. Two edges form the input-to-transform-to-sink path.

Drag nodes, connect handles, pan/zoom/fit, or Reset canvas. This demo uses the library edge-adder, not the showcase topology validator; an accepted wire here is not a full graph-validity check.

See demos for the authored interaction list and concepts for the real validator.