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

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

## Markdown source

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