Writing

Mermaid diagrams

Describe diagrams in text; Pinery turns them into charts in Design and when you export.

Syntax

Use a fenced code block with the mermaid language:

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

Sequence example:

```mermaid
sequenceDiagram
  Author->>Pinery: Write Markdown
  Pinery-->>Author: Design preview
```
Mermaid flowchart rendered in Pinery
A Mermaid flowchart from a fenced `mermaid` block.

Where they appear

ContextBehavior
WriteSource only
DesignRendered chart
PDF / ePub / HTMLIncluded in the export

If a chart is blank, check the Mermaid syntax in the fence. Mermaid blocks are diagrams, not highlighted code.

Learn more

See the official Mermaid documentation for flowcharts, sequence diagrams, pie charts, and more.