# 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.

Made with ❤️ by Ahmad Mostafa - @z3by