Mermaid Inconsistent Diagram Sizes Cropped/Squashed

Workarounds to avoid cropping:
a CSS snippet:

.mermaid svg {
    width: 100%;
    height: auto;
}

(from Resize and align mermaid diagrams - #12 by Nilat )

or, create the mermaid in one note (e.g. mermaid_note) and embed it in another like so ![[mermaid_note]], and this will allow for scrolling left and right to see full graph.

2 Likes