Budget by department
An organization chart whose boxes are filled by budget, from light for the smallest to dark for the largest, with a key below. The text in every box keeps its contrast on the fill; the description and the table give every budget, so the color is never the only sign. Illustrative values.
Budget by department
examples/department-budgets.json{
"schemaVersion": 1,
"type": "tree",
"title": "Budget by department",
"source": "Annual plan",
"width": 960,
"height": 300,
"tree": {
"valueLabel": "Budget (m €)",
"nodes": [
{
"id": "board",
"label": "Executive board",
"value": 4.2
},
{
"id": "product",
"label": "Product",
"parent": "board",
"value": 18.5
},
{
"id": "sales",
"label": "Sales",
"parent": "board",
"value": 11
},
{
"id": "finance",
"label": "Finance",
"parent": "board",
"value": 3.1
},
{
"id": "design",
"label": "Design",
"parent": "product",
"value": 2.4
},
{
"id": "engineering",
"label": "Engineering",
"parent": "product",
"value": 14.8
},
{
"id": "research",
"label": "Research",
"parent": "product",
"value": 1.3
},
{
"id": "field",
"label": "Field sales",
"parent": "sales",
"value": 7.6
},
{
"id": "partners",
"label": "Partner channel",
"parent": "sales",
"value": 3.4
},
{
"id": "controlling",
"label": "Controlling",
"parent": "finance",
"value": 1.2
},
{
"id": "accounting",
"label": "Accounting",
"parent": "finance",
"value": 1.9
}
]
}
}Focus
Source: Annual plan
Show chart data
| Node | Level | Parent | Budget (m €) | Children |
|---|---|---|---|---|
| Executive board | 1 | 4.2 | Product, Sales, Finance | |
| Product | 2 | Executive board | 18.5 | Design, Engineering, Research |
| Design | 3 | Product | 2.4 | |
| Engineering | 3 | Product | 14.8 | |
| Research | 3 | Product | 1.3 | |
| Sales | 2 | Executive board | 11 | Field sales, Partner channel |
| Field sales | 3 | Sales | 7.6 | |
| Partner channel | 3 | Sales | 3.4 | |
| Finance | 2 | Executive board | 3.1 | Controlling, Accounting |
| Controlling | 3 | Finance | 1.2 | |
| Accounting | 3 | Finance | 1.9 |