Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nopeslide/drawio_mermaid_plugin

Mermaid plugin for drawio desktop
https://github.com/nopeslide/drawio_mermaid_plugin

Last synced: 12 days ago
JSON representation

Mermaid plugin for drawio desktop

Awesome Lists containing this project

README

        

# 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
![](/doc/overview.png)

## Online Demo
[Online Demo](https://nopeslide.github.io/drawio/?p=mermaid)

## Usage

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

![](/doc/demo.gif)

## Properties
* All mermaid configuration options are reflected as draw.io shape properties.

![](/doc/properties.gif)

## Draw.io Desktop

See
[drawio_desktop/README.md](./drawio_desktop/README.md)
for the draw.io desktop plugin.

## Vscode
See
[vscode/README.md](./vscode/README.md)
for the vscode extension.