Ornate 0.6 Manual

Diagrams

The default theme can embed Mermaid to render diagrams. It recognizes fenced code blocks whose info string starts with the language code mermaid and treats them specially instead of calling the standard highlighter.

Note that diagrams are rendered on the client side with JavaScript. The generated site contains the source code for the diagrams.

Example:

```mermaid
graph LR
  s((Start)) --> Parse
  Parse --> toc[Compute TOC]
  toc --> Process
  Process --> Render
  Render --> e((End))
```

This is rendered as: