This example renders a fixed-position AI workflow as custom parameter cards and connects individual input and output rows with synthesized fake lines. It also combines saved coordinates, a shared type-color system, minimap navigation, and click-based dependency highlighting to make a dense read-only workflow easier to inspect.

AI Model Workflow Graph

What This Example Builds

This example builds a fixed-position workflow board that looks like an AI generation pipeline rather than a standard node diagram. Each node is rendered as a dark rounded card with a title, left and right parameter columns, and stacked option rows. Some option rows are rendered as special blocks, including a multiline textarea and an image preview.

The visible connections do not attach to the node box as a whole. They attach to individual