Draw.io Mermaid Plugin

This draw.io plugins integrates the mermaid diagram generator.

Mermaid supports:

• Pie charts
• Sequence diagrams
• Gantt diagrams
• State diagrams
• Flow charts
• Class diagrams

via a simple markup language.

Overview

• Example diagrams

Online Demo

Online Demo

Usage

• double click on a shape and edit the mermaid script, the shape will be redrawn after leaving the editor

Properties

• All mermaid configuration options are reflected as draw.io shape properties.

Draw.io Desktop

See drawio_desktop/README.md for the draw.io desktop plugin.

Vscode

See vscode/README.md for the vscode extension.