Integrations available Use Mermaid with your favorite applications, check out the integrations list.

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 …

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, …

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 …

ParseErrorFunction: (err, hash?) => void Defined in: packages/mermaid/src/Diagram.ts:10

Create diagrams and visualizations using text and code.

InternalHelpers: typeofinternalHelpers Defined in: packages/mermaid/src/internals.ts:33

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.

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

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