mermaid

<div class="mermaid" style="text-align:center">
graph TB
sq[Square shape] --> ci((Circle shape))

subgraph A subgraph
od>Odd shape]-- Two line<br>edge comment --> ro
di{Diamond <br/> line break} -.-> ro(Rounded<br>square<br>shape)
di==>ro2(Rounded square shape)
end

classDef green fill:#9f6,stroke:#333,stroke-width:2px;
classDef orange fill:#f96,stroke:#333,stroke-width:4px;
class sq,e green
class di orange
</div>