/drawio_mermaid_plugin

Mermaid plugin for drawio desktop

Primary LanguageJavaScript

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

Online Demo

Online Demo

Usage

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

example

Installation as drawio-desktop plugin

  • clone repository

  • start draw.io desktop

  • click on Extras , then Plugins... extras/plugins

  • click Add extras/plugins/add

  • enter path to cloned git as file:// uri and append /build/mermaid.js and click Add extras/plugins/add/path

  • check path and click Apply extras/plugins/apply

  • confirm dialog and restart draw.io restart drawio

  • if the library does not appear on the left side (last entry)

    • check plugin dialog if path was saved
      • if not, remove the directory ~/.config/draw.io und install again