▲ 11 r/ObsidianMD
DataviewJS snippet that picks up the first embedded .canvas in the note, parses its graph structure, and turns it into an interactive step-by-step flow, like a clickable decision tree or checklist you can walk through one node at a time.
The active node is also highlighted in the canvas minimap, so you always know where you are visually.
How it works:
- Reads the canvas JSON, finds the single root node (no incoming edges), and walks the graph from there
- Single outgoing edge → "Next" button; multiple edges → choice buttons labeled by edge text
Why I find it useful: Canvas is great for mapping out procedures, but clicking through the actual canvas to follow steps is awkward. This keeps the canvas as the source of truth while giving you a clean reading interface.
u/Feych — 16 days ago