Flows between peers around a circle.
import { Chord } from "diagrammatic";Pages that left one rotation and landed on another. The circle is the point: these teams page each other.
Illustrative data. Incident handoffs, Q2 2025. n = 147.
Payments into checkout is the thickest ribbon at 38, and the return carries 22. Growth sends 18 into checkout and seven into search. Platform sends 27 across payments and search and receives eight from payments.
- Use it for
- Dense mutual exchange: migration, trade, traffic between equals.
- Watch out
- Beautiful and hard to read; reserve it for genuinely circular relationships.
Motion
Each ribbon carries a trail from the group it leaves to the group it reaches, which a chord cannot show at rest. Put data-dg-motion on the chart or any ancestor; see Motion.