Skip to main content
Nov 10, 2026 2:26 PM UTC
Question

Set maxedges > 500 for mermaid import

The mermaid rendering engine has an inbuilt maximum number of edges it can display. 

 

That inbuilt figure is 500.

 

If i were to render a mermaid diagram inside HTML then the ootb mermaid render (after library import)  would also have that limit.

 

In HTML though after importing that mermaid JavaScript library like so….

<script type="module">

import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';

 

I can set up an initialize  block as shown.

mermaid.initialize({
    startOnLoad:true,
    maxEdges: 5000
});

 

This increases the edge limit from the default 500 to (in this case) a more usable 5000

 

How do I do the equivalent of the initialize block in LUCID’s implementation of Mermaid???