mermaid
treemap-beta
"Budget 2026"
"Product"
"Engineering": 900
"Design": 200
"Go-to-market"
"Marketing": 450
"Sales": 380
"G&A"
"Finance": 120
"People": 150About this template
Treemaps make budget conversations concrete: the size of each rectangle is its share of the total. Nested levels show departments and the items inside them.
How to customise it
- Replace numbers with your budget
- Add a third level for teams
- Use it for cloud cost breakdowns
This template is a Mermaid treemap. See the treemap page for the full syntax reference and more examples.
Frequently asked questions
How do I use this department budget treemap template?
Click "Use this template" to open it in the MermaidViewer editor. Edit the Mermaid code on the left and the diagram updates instantly. No account is needed.
Can I export the template as an image?
Yes. In the editor use Export to download PNG, SVG or PDF, or copy the image to your clipboard. You can also copy the code as a Markdown block for GitHub, GitLab or Notion.
Can AI customise this template for me?
Yes. Open the AI assistant (Ctrl/Cmd+K) and describe the change, for example "Replace numbers with your budget". The updated diagram streams into the editor.