search

TYPEMILL Plugins

Mermaid Plugin

Use the mermaid syntax to create beautiful flowcharts, pie charts, or various kind of diagrams with Typemill.

How To Use

You can use mermaid in code blocks. Please switch to the raw editor and add the mermaid keyword after the backtipps like this:

\```mermaid
pie
    title Key elements in Product X
    "Calcium" : 42.96
    "Potassium" : 50.05
    "Magnesium" : 10.01
    "Iron" :  5
\```

It does not work with the visual editor with Typemill version 1.4.5.

Plugin Settings

snapshot mermaid

GitHub

If you find a bug or if you want to contribute code, please go to the github repository: https://github.com/succeun/typemill-plugins-mermaid

How to install

  • Download the Typemill CMS
  • Download this plugin (zip).
  • Unzip the plugin.
  • Upload the plugin to the plugin-folder of your Typemill installation.
  • Login to your Typemill installation.
  • Go to settings -> plugins and activate your plugin.