Contents
Garden HandbookBuilt-in Componentsgarden relations

Relationship diagram (relations)

Place 3 to 6 elements on an ellipse or around a center node and connect them with solid or dashed, one-way or two-way labeled links.

The four steps feed each other instead of running once in a fixed order.
  • When to use: Three to six key elements where the reader needs to see what influences what, which links run both ways, how steps form a repeating loop, or how one central element connects to the rest.
  • When to skip: There are more elements, branches, or one-pass steps; use a mermaid flowchart for larger or branching diagrams, or list for one-pass steps.

You can tell the AI:

```garden
Draw how picking, reading, talking, and reviewing feed into each other as a loop, and show that talking also shapes the next pick.
```

1Center Node & Outer Ring (center)

When one element sits in the middle and holds the others together, set center: <number|title> between items and links (there is no auto-detection; that element goes in the middle while the remaining elements are spaced evenly on the outer ring starting at the top, clockwise):

The organiser sits in the center and links to the other three; members and the list shape each other.

You can tell the AI:

```garden
Put the organiser in the center with members, venue, and reading list around them: the organiser invites members, books the venue, and collects the reading list, while members and the reading list nominate each other.
```

Elements sit evenly on an ellipse starting at the top (12 o'clock) then clockwise (or with center in the middle and the remaining elements spaced evenly on the outer ring starting at the top, clockwise); links between neighbouring outer-ring elements bow gently outward, while non-neighbour or center links go straight through the middle.

2Fields

Every field, default, limit and error code is in Component reference · relations.

Contents