| 1 |
graph TB |
| 2 |
sq[Square shape] --> ci((Circle shape)) |
| 3 |
|
| 4 |
subgraph A |
| 5 |
od>Odd shape]-- Two line<br/>edge comment --> ro |
| 6 |
di{Diamond with <br/> line break} -.-> ro(Rounded<br>square<br>shape) |
| 7 |
di==>ro2(Rounded square shape) |
| 8 |
end |
| 9 |
|
| 10 |
%% Notice that no text in shape are added here instead that is appended further down |
| 11 |
e --> od3>Really long text with linebreak<br>in an Odd shape] |
| 12 |
|
| 13 |
%% Comments after double percent signs |
| 14 |
e((Inner / circle<br>and some odd <br>special characters)) --> f(,.?!+-*ز) |
| 15 |
|
| 16 |
cyr[Cyrillic]-->cyr2((Circle shape Начало)); |
| 17 |
|
| 18 |
classDef green fill:#9f6,stroke:#333,stroke-width:2px; |
| 19 |
classDef orange fill:#f96,stroke:#333,stroke-width:4px; |
| 20 |
class sq,e green |
| 21 |
class di orange |
| 22 |
|
| 23 |
%% From https://mermaid.js.org/syntax/examples.html |
| 24 |
|