VisualFlowBusiness Process Model
A request-to-approval process with swimlanes, owners and SLA annotations.
Drag nodes, pan and zoom — this is a live React Flow canvas.
How it works
Swimlanes are group nodes and steps snap to a grid. Owners and SLAs live in node data, and the whole diagram exports to PNG or SVG.
Source code
tsx
import { toPng } from "html-to-image";
const exportPng = () =>
toPng(document.querySelector(".react-flow__viewport")).then(download);