Styling & Notes

Enhance your class diagrams with custom styling, notes, stereotypes, and annotations to make them more informative and visually appealing.

Stereotypes

Stereotypes add semantic meaning to classes and relationships. Use double angle brackets << >> to define them.

Class Diagram Example
Loading...
Stereotypes Example

Colors

Apply colors to classes, packages, and relationships using color names or hex codes.

Class Diagram Example
Loading...
Colors Example

Notes

Add notes to provide additional information about classes or relationships.

Class Diagram Example
Loading...
Notes Example

Note Positions

Position notes relative to classes using directional keywords.

Class Diagram Example
Loading...
Note Positions Example

Floating Notes

Create standalone notes that aren't attached to any specific element.

Class Diagram Example
Loading...
Floating Notes Example

Class Background Colors

Set background colors for individual classes using inline color syntax.

Class Diagram Example
Loading...
Class Background Colors Example

Relationship Colors

Color relationships to highlight important connections or group related relationships.

Class Diagram Example
Loading...
Relationship Colors Example

Annotations

Use annotations to add metadata or comments to classes and relationships.

Class Diagram Example
Loading...
Annotations Example

Add titles, headers, and footers to your diagrams for documentation purposes.

Class Diagram Example
Loading...
Title, Header, and Footer Example

Legends

Add legends to explain symbols, colors, or conventions used in your diagram.

Class Diagram Example
Loading...
Legends Example