All Articles

Mermaid Test

gatsby-remark-graph is a plugin to allow MermaidJS diagrams in Markdown code blocks.

```mermaid
graph LR
    A[Square Rect] -- Link text --> B((Circle))
    A --> C(Round Rect)
    B --> D{Rhombus}
    C --> D
```

generates this diagram:

graph LR A[Square Rect] -- Link text --> B((Circle)) A --> C(Round Rect) B --> D{Rhombus} C --> D

and

``` mermaid
graph LR
     RD[Raw Data] --> RS[Raw Storage]
     RS[Raw Storage] --> P[Process]
     P[Process] --> CS[Clean Storage]
     CS[Clean Storage] --> Q[Query]
     Q[Query] --> I[Insight]
```

will give you this:

graph LR RD[fa:fa-spinner Raw Data] --> RS[Raw Storage] RS[Raw Storage] --> P[Process] P[Process] --> CS[Clean Storage] CS[Clean Storage] --> Q[Query] Q[Query] --> I[Insight]
Published 27 Dec 2017

I am an Enterprise Architect in the Customer Consulting organization at Tableau.
Robin Cottiss on Twitter