scientific-skills/markdown-mermaid-writing/references/diagrams/sankey.md
Back to Style Guide — Read the style guide first for emoji, color, and accessibility rules.
Syntax keyword: sankey-beta
Best for: Flow magnitude visualization, resource distribution, budget allocation, traffic routing
When NOT to use: Simple proportions (use Pie), process steps (use Flowchart)
⚠️ Accessibility: Sankey diagrams do not support
accTitle/accDescr. Always place a descriptive italic Markdown paragraph directly above the code block.
Sankey diagram showing how a $100K monthly cloud budget flows from the total allocation through service categories (compute, storage, networking, observability) to specific AWS services, with band widths proportional to cost:
sankey-beta
Cloud Budget,Compute,45000
Cloud Budget,Storage,25000
Cloud Budget,Networking,15000
Cloud Budget,Observability,10000
Cloud Budget,Security,5000
Compute,EC2 Instances,30000
Compute,Lambda Functions,10000
Compute,ECS Containers,5000
Storage,S3 Buckets,15000
Storage,RDS Databases,10000
Networking,CloudFront CDN,8000
Networking,API Gateway,7000
Observability,CloudWatch,6000
Observability,Datadog,4000
Source,Target,Value — one flow per lineDescription of what flows from where to where and what the magnitudes represent:
sankey-beta
Source,Category A,500
Source,Category B,300
Source,Category C,200
Category A,Destination 1,300
Category A,Destination 2,200
Category B,Destination 3,300