Freehand Strokes to Graph Nodes
This example overlays a freehand drawing canvas on top of relation-graph and converts each finished stroke into a new editable graph node. It demonstrates zoom-aware stroke normalization, custom node rendering for stored SVG path data, and selection-based resize and delete workflows after insertion.
Turn Freehand Strokes into Editable Graph Nodes
What This Example Builds
This example builds a small graph editor that lets the user draw directly on top of the graph canvas and turn each finished stroke into a new node. The page starts with a fixed-position seed graph, then adds a full-screen drawing layer, a floating utility window, resize handles for selected nodes, and a one-click delete action for a single selected node.
The visible result is not a temporary annotation layer. Each c