[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:en:freehand-strokes-to-graph-nodes":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# Turn Freehand Strokes into Editable Graph Nodes\n\n## What This Example Builds\n\nThis 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.\n\nThe visible result is not a temporary annotation layer. Each c",true,500,1782615410649]