Styling & Notes

Customize the appearance of your activity diagrams with colors, partitions, groups, and notes to make them more readable and informative.

Colors

You can specify a color for activities using the #color prefix before the action.

Activity Diagram Example

Group activities together by defining partitions. Partitions can have names and colors.

Activity Diagram Example

Activity Diagram Example

Use group to organize activities without the visual partition box.

Activity Diagram Example

Add notes to provide additional information about activities. Notes can be floating or positioned relative to activities.

Activity Diagram Example

Using the -> notation, you can add text to arrows and change their color and style.

Activity Diagram Example

Use -[hidden]-> to create invisible connections for layout purposes.

Activity Diagram Example

You can group activities using package, rectangle, or card keywords, similar to partitions.

Activity Diagram Example