Node Flow Graph
Mini workflow pipeline canvas with draggable nodes, dynamic bezier cables, and execution triggers.
On This Page
Mini workflow pipeline canvas with draggable nodes, dynamic bezier cables, and execution triggers.
An interactive workflow pipeline canvas with draggable nodes, dynamic SVG cubic bezier connecting cables, pulsing animated data packets, and sequential execution simulation.
| Prop | Type | Default | Description |
|---|---|---|---|
| initialNodes | FlowNode[] | defaultNodes | Array of workflow nodes with positions, icons, and statuses. |
| initialEdges | FlowEdge[] | defaultEdges | Array of directed connecting cables between nodes. |
| interactive | boolean | true | Enables dragging nodes across the coordinate dot-matrix grid. |
| showToolbar | boolean | true | Displays execution trigger (Run Pipeline) and reset buttons. |
| title | string | "AGENTIC WORKFLOW PIPELINE" | Top canvas title header. |