@proton/vuepress-plugin-graphviz

VuePress Plugin for graphviz (Viz.js)

Use graphviz Diagrams in VuePress

This VuePress plugin provides a global component wrapping Graphviz (via Viz.js fork by aduh95. The plugin is designed to work with VuePress v1.x.

Main documentation site is at https://awwaiid.github.com/vuepress-plugin-graphviz.

Installation

You can install it with

yarn add -D vuepress-plugin-graphviz

or

npm install --save-dev vuepress-plugin-graphviz

Then you just need to register the plugin in your .vuepress/config.js:

module.exports = {
    // ...
    plugins: [
        'vuepress-plugin-graphviz'
    ]
    // ...
}

Usage

The recommended usage is to place your graphviz diagrams inside a fenced code block with the language 'graphviz':

```graphviz
digraph {
  A -> B -> C
}
```

Credits

This work is based directly off of vuepress-plugin-mermaidjs.