Tips

Add double quotes within text

To add double quotes within text in a Mermaid diagram, you can use HTML entity codes (").

graph TD
    A["This text has a double quote: &quot;"] --> B;
    C["Another example: &quot;quoted text&quot;"] --> D;

ER diagram

erDiagram
    CUSTOMER ||--o{ ORDER : places
    CUSTOMER {
        string name "Customer's full name"
    }

Control spacing and padding

Add the “ block above the graph

nodeSpacing: Controls the horizontal space between nodes.
rankSpacing: Controls the vertical space between rows of nodes.
padding: Controls the internal space inside each node, between the text and the border.

Example