Mermaid block diagram in Markdown to PDF

A grid of blocks with nesting, spacers and arrows is laid out where you place each block.

A column grid with nested blocks, spacers, shaped nodes and arrows between them, laid out as a factory floor from goods-in to dispatch.

Open PDFOpen in editorMarkdown file

Markdown source

Markdown · 28 lines
# Block diagrams

```mermaid
block
  columns 3
  In["Goods in"] space Store[("Parts store")]
  space:3
  block:inspect:3
    columns 2
    QC{"Incoming inspection"} Quarantine["Quarantine"]
  end
  space:3
  block:line:3
    columns 3
    Cell1(["Cell 1: frames"]) Cell2(["Cell 2: wiring"]) Cell3(["Cell 3: final assembly"])
  end
  space:3
  Test{{"End-of-line test"}} Pack["Packing"] Out>"Dispatch"]
  In --> QC
  QC --> Store
  QC --> Quarantine
  Store --> Cell1
  Cell1 --> Cell2
  Cell2 --> Cell3
  Cell3 --> Test
  Test --> Pack
  Pack --> Out
```

Rendered pages

PDF · 1 page · 8 KB
  1. Block diagrams, page 1 of 1

The sample documents describe invented organizations in several countries. All names and figures are illustrative.

Mermaid diagrams in Markdown to PDF: every sampleIn the Markdown reference