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. Add the keyword "mermaid" in the language field for code blocks in the visual mode or add "mermaid" in raw markdown like this:

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

The plugin works with the visual editor as of version 1.4.6 of Typemill.

Plugin Settings

snapshot mermaid


If you find a bug or if you want to contribute code, please go to the github repository:

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.