Mermaid graphics tutorial and examples: Difference between revisions

m
no edit summary
mNo edit summary
mNo edit summary
Line 67: Line 67:
   John->>Bob: How about you?
   John->>Bob: How about you?
   Bob-->>John: Jolly good!
   Bob-->>John: Jolly good!
}}
== Styling ==
=== changing colors and shapes ===
{{#mermaid:graph TB
classDef default fill:#f9f,stroke:#333,stroke-width:4px,font-size:1.0em;
sq[Square shape] --> ci((Circle shape))
classDef green fill:#9f6,stroke:#333,stroke-width:2px,font-size:1.0em;
class sq,e green
}}
}}