The Mermaid ecosystem — including the open-source diagramming library and our commercial platform for teams — now lives at mermaid.ai. This legacy site will remain available.

Next, the book introduces Mermaid and establishes how to use it to create effective documentation. By using different tools, editors, or a custom documentation platform, you’ll also learn how to use …

In the context of mermaid-js, the architecture diagram is used to show the relationship between services and resources commonly found within the Cloud or CI/CD deployments.

Interface: LayoutData Defined in: packages/mermaid/src/rendering-util/types.ts:168 Indexable [key: string]: any Properties config config: MermaidConfig Defined in: packages/mermaid/src/rendering …

Jan 5, 2014 · As shown here A Gantt chart is useful for tracking the amount of time it would take before a project is finished, but it can also be used to graphically represent "non-working days", with a few …

"description": "This option specifies if Mermaid can expect the dependent to include KaTeX stylesheets for browsers\nwithout their own MathML implementation. If this option is disabled and MathML is not …

This is provided for environments where the mermaid object can't directly have a new member added to it (eg. dart interop wrapper). (Initially there is no parseError member of mermaid).

Create diagrams and visualizations using text and code.

Mermaid mindmaps can show nodes using different shapes. When specifying a shape for a node the syntax is similar to flowchart nodes, with an id followed by the shape definition and with the text …

We've restructured how Mermaid renders diagrams, enabling new features like selecting layout and look. Currently, this is supported for flowcharts and state diagrams, with plans to extend support to all …