Mermaid visualizations are sometimes too large

[wouterbeek]

Observed

All Mermaid visualizations take the full width of the documentation page. This means that smaller Mermaid diagrams are displayed much bigger than larger Mermaid diagrams. For the purpose of documentation, Mermaid diagrams are sometimes intentionally small, in order to show a small example. Specifically, this makes the text in smaller Mermaid diagrams much bigger than the running text.

The following screenshot was made on the graph validation page for TriplyETL:

Expected

The ability to determine the display width of Mermaid diagrams. This allows us to tune the size of the diagram such that the text inside the diagram is comparable in size to the running text.