Mermaid Sankey diagram in Markdown to PDF

Flows become bands whose width is the amount, written as comma-separated rows.

Flows as proportional bands from source to target, written as comma-separated rows, for a hiring funnel and a household energy balance.

Open PDFOpen in editorMarkdown file

Markdown source

Markdown · 37 lines
# Sankey diagrams

Where 240 applications went:

```mermaid
sankey

Applications,Screening,240
Screening,Declined at screening,130
Screening,First interview,110
First interview,Declined after interview,48
First interview,Technical exercise,62
Technical exercise,Declined after exercise,21
Technical exercise,Offer,41
Offer,Offer declined,9
Offer,Hired,32
```

An energy balance for a house over one year, in kilowatt hours:

```mermaid
---
config:
  sankey:
    showValues: true
---
sankey

Grid electricity,Heat pump,3100
Grid electricity,Appliances,2400
Grid electricity,Lighting,420
Rooftop solar,Appliances,1650
Rooftop solar,Heat pump,900
Rooftop solar,Exported,2200
Heat pump,Space heating,9800
Heat pump,Hot water,2200
```

Rendered pages

PDF · 1 page · 40 KB
  1. Sankey diagrams, page 1 of 1

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

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