Drawio.io Integration: Mermaid Plugin

This is an extension for Draw.io Integration or Draw.io Integration - Insider Build that adds full markdown support of Mermaid.js.

Mermaid supports:

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

via a simple markup language

Installation

Overview

Example diagrams

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.

How to build

git clone --recursive https://github.com/nopeslide/drawio_mermaid_plugin.git
cd drawio_mermaid_plugin/drawio_desktop
npm install
npm run build
cd ../vscode
npm install
npm run vscode:package

Draw.io desktop

See github for the desktop variant of this plugin.