HomeDiagramsNote
Tag

Note

A `Note` positioned over, left of, or right of a participant — free-text context attached to a specific point in the exchange.

6 examples across every diagram type

Read more in the Mermaid docs →
Sequence diagram, Zombie Mermaid Hello Reply Alice prepares Bob thinks Conversation complete Alice Bob
Sequence diagramSequence: Notes (Right/Left/Over)
Sequence diagram, Zombie Mermaid par [Fetch data] Validate token Valid Get user User data Get orders Order list Send notification Queued Aggregate response Gateway Auth Users Orders Notify
Sequence diagramSequence: Microservice Orchestration
Sequence diagram, Zombie Mermaid alt [Multiple panels] [Single panel] CMD+W event.preventDefault() WINDOW_CLOSE_REQUESTED Start 3s timer closePanel(focusedId) 3s elapsed → window.destroy() closePanel(lastId) Auto-select fires → new panel created! 3s elapsed → window.destroy() Panel removed No confirmCloseWindow! Stack becomes [] Panel reopens User Main Process Renderer 3s Fallback Timer
Sequence diagramSequence: Self-Messages with Notes
Sequence diagram, Zombie Mermaid 要求を送信 조회 결과 应答 캐시 사용 客户 サーバー 데이터베이스
Sequence diagramSequence: CJK Participants
Sequence diagram, Zombie Mermaid loop [every retry] opt [warm up] alt [cache hit] [cache miss] fetch rebuild waits for the upstream response done A B
Sequence diagramSequence: Nested Blocks With Notes
Sequence diagram, Zombie Mermaid loop [poll] ping pong first linesecond linethird line A B
Sequence diagramSequence: Multi-line Note In Block