%%{int:{ "themeVariables": { "transitionColor":"red", "labelColor":"yellow", "transitionLabelColor":"blue", "stateBkg":"green", "compositeBackground":"pink", "altBackground":"purple", "clusterTitleBackground":"blue", "compositeBorder":"red", "noteBorderColor":"#522", "noteBkgColor":"#522", "noteTextColor":"white" }}}%% %%{int:{ "themeVariables": { "altBackground":"purple" }}}%% stateDiagram-v2 state CompositeState { state AnotherCompositeState { AnotherState --> YetANotherState:a label } } note left of CompositeState Important information! You can write notes. end note

%%{int:{ "themeVariables": { "transitionColor":"red", "labelColor":"yellow", "transitionLabelColor":"blue", "stateBkg":"green", "compositeBackground":"pink", "altBackground":"purple", "clusterTitleBackground":"blue", "compositeBorder":"red" }}}%% stateDiagram state CompositeState { state AnotherCompositeState { AnotherState --> YetANotherState:a label } }

sequenceDiagram Alice->>+John: Hello John, how are you? Alice->>+John: John, can you hear me? John-->>-Alice: Hi Alice, I can hear you! John-->>-Alice: I feel great! note right of John: Hello note reader