1. Department Budget Allocation
Financial AnalystBackground
A financial analyst needs to present the annual budget breakdown to stakeholders, showing how funds are distributed across engineering, marketing, and sales sub-teams.
Problem
Static spreadsheets fail to clearly communicate the relative scale of department budgets at a glance.
How to use
Paste the nested department budget JSON into the hierarchical data field, set the title to 'Annual Budget', and enable percentages.
{
"chartData": "{\n \"name\": \"Budget\",\n \"children\": [\n { \"name\": \"Engineering\", \"value\": 120 },\n { \"name\": \"Marketing\", \"value\": 80 },\n { \"name\": \"Sales\", \"children\": [\n { \"name\": \"Direct\", \"value\": 50 },\n { \"name\": \"Partner\", \"value\": 30 }\n ]}\n ]\n}",
"chartTitle": "Annual Budget",
"colorScheme": "default",
"showLabels": true,
"showValues": false,
"showPercentages": true,
"borderWidth": 2
}Outcome
An interactive SVG treemap displaying the budget breakdown, with the engineering block occupying the largest area and sales split into direct and partner shares.