# 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.

- PDF: https://legivel.com/examples/mermaid-diagrams/block-diagram.pdf
- Page: https://legivel.com/examples/mermaid-diagrams/block-diagram
- Open in the editor: https://legivel.com/markdown-to-pdf?sample=mermaid-block
- More mermaid diagrams in Markdown to PDF: https://legivel.com/examples/mermaid-diagrams

## Markdown source

````markdown
# 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
```
````