Notes & Fragments

Comprehensive Notes

SparkChart supports a wide range of note placements and styling options. You can position notes relative to signals (`left`, `right`), over participants (`over`, `over ...`), across the diagram (`across`), or relative to specific participants (`right of`, `left of`). Colors can be applied using hex codes or color names.

Sequence Diagram Example
Loading...
Comprehensive Notes Example

Grouping Message

Group messages using keywords like alt/else, opt, loop, par, break, critical, and group.

Sequence Diagram Example
Loading...
Grouping Message Diagram

Group Coloring

You can add colors to the group header, body, and even specific else or option blocks.

  • type#HeaderColor #BodyColor Label
  • group#HeaderColor #BodyColor Label [Description]
  • else #BgColor Label
Sequence Diagram Example
Loading...
Group Coloring Example

Complex Alt/Else Coloring

You can colorize complex decision trees:

Sequence Diagram Example
Loading...
Alt Coloring Example

Notes on Participants (Relative)

Place notes relative to participants using left of, right of, or over.

Sequence Diagram Example
Loading...
Notes on Participants Diagram

Formatting Notes

You can shape notes using keywords like hnote (hexagon) and rnote (rectangle).

Sequence Diagram Example
Loading...
Formatting Notes Diagram

Divider or Separator

Split diagrams into logical phases using == Separator ==.

Sequence Diagram Example
Loading...
Divider Diagram

Reference

Link to other parts of the diagram or external interactions using ref over.

Sequence Diagram Example
Loading...
Reference Diagram

Splitting DiagramsNot Supported Yet

Split long diagrams into multiple pages using newpage.

Sequence Diagram Example
Loading...

Add metadata to your diagram. Keywords: title, header, footer, caption.

Sequence Diagram Example
Loading...
Title Header Footer Diagram