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 …

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).

Mermaid introduces 30 new shapes to enhance the flexibility and precision of flowchart creation. These new shapes provide more options to represent processes, decisions, events, data storage visually, …

Properties config config: MermaidConfig Defined in: packages/mermaid/src/rendering-util/types.ts:171

Create diagrams and visualizations using text and code.

The tidy-tree layout arranges nodes in a hierarchical, tree-like structure. It is especially useful for diagrams where parent-child relationships are important, such as mindmaps.

Create diagrams and visualizations using text and code.

SVG = d3.Selection < SVGSVGElement, unknown, Element | null, unknown > Defined in: packages/mermaid/src/diagram-api/types.ts:128 Edit this page on GitHub

diagramType diagramType: string Defined in: packages/mermaid/src/types.ts:100 The diagram type, e.g. 'flowchart', 'sequence', etc.