The budget by sector and department
The same kind of budget, one level deeper: four sectors drawn as frames, and the departments inside them as rectangles by their amount. Every sector keeps one color, the legend names the sectors, and the table lists every department with its path. Illustrative amounts, with a phone variant.
The budget by sector and department
examples/budget-by-sector.json{
"schemaVersion": 1,
"type": "treemap",
"title": "The budget by sector and department",
"source": "Illustrative budget in millions",
"width": 760,
"height": 480,
"treemap": {
"items": [
{
"label": "Society",
"children": [
{
"label": "Schools",
"value": 310
},
{
"label": "Hospitals",
"value": 280
},
{
"label": "Pensions",
"value": 220
},
{
"label": "Universities",
"value": 140
}
]
},
{
"label": "Security",
"children": [
{
"label": "Defence",
"value": 150
},
{
"label": "Police",
"value": 85
},
{
"label": "Fire",
"value": 50
}
]
},
{
"label": "Infrastructure",
"children": [
{
"label": "Roads",
"value": 120
},
{
"label": "Rail",
"value": 95
},
{
"label": "Net",
"value": 55
}
]
},
{
"label": "Nature",
"children": [
{
"label": "Water",
"value": 75
},
{
"label": "Waste",
"value": 60
},
{
"label": "Parks",
"value": 45
}
]
}
]
},
"mobile": {
"width": 380,
"height": 640
}
}Source: Illustrative budget in millions
Show chart data
| Item | Value | Share | Group |
|---|---|---|---|
| Society | 950 | 56.4% | Society |
| Society › Schools | 310 | 18.4% | Society |
| Society › Hospitals | 280 | 16.6% | Society |
| Society › Pensions | 220 | 13.1% | Society |
| Society › Universities | 140 | 8.3% | Society |
| Security | 285 | 16.9% | Security |
| Security › Defence | 150 | 8.9% | Security |
| Security › Police | 85 | 5.0% | Security |
| Security › Fire | 50 | 3.0% | Security |
| Infrastructure | 270 | 16.0% | Infrastructure |
| Infrastructure › Roads | 120 | 7.1% | Infrastructure |
| Infrastructure › Rail | 95 | 5.6% | Infrastructure |
| Infrastructure › Net | 55 | 3.3% | Infrastructure |
| Nature | 180 | 10.7% | Nature |
| Nature › Water | 75 | 4.5% | Nature |
| Nature › Waste | 60 | 3.6% | Nature |
| Nature › Parks | 45 | 2.7% | Nature |