gatsby-remark-graph
Make nice graphs in your markdown files in gatsbyjs, using js-sequence-diagrams.
install
npm install --save gatsby-transformer-remark gatsby-remark-sequence
How to use
// In your gatsby-config.jsplugins: resolve: 'gatsby-transformer-remark' options: plugins: resolve: `gatsby-remark-sequence` options: // see more details on https://github.com/bramp/js-sequence-diagrams 'theme': 'hand'
Make sure you put it before other plugins (especially those that work with code
blocks, like prism.)
Usage in Markdown
```sequence Andrew->China: Says Hello Note right of China: China thinks\nabout it China-->Andrew: How are you? Andrew->>China: I am good thanks! ```
Will give you a graph that looks like this: