Conditional logic visualiser
A two-column dependency graph — source fields on the left, target fields on the right, with a Conditions hub in the middle. Each rule renders a tone-coded SVG bezier — green show, red hide, amber skip, teal require — and the legend matches.
Production answer
Conditional logic visualiser is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Conditional logic visualiser states
Generative search brief
Conditional logic visualiser: A two-column dependency graph — source fields on the left, target fields on the right, with a Conditions hub in the middle. Each rule renders a tone-coded SVG bezier — green show, red hide, amber skip, teal require — and the legend matches.
Visualised dependencies
Source fields drive conditions which toggle target visibility.
Source
Vehicle make
Sound preference
Suburb
Vehicle model
Conditions4
Target
Sound preference
Vehicle photos
Suburb
Signature