Budget 2015 interactive: How much does each government department spend?

By:

Add as a preferred source on Google

The 2015 Budget is upon us, with the government looking to make a big statement ahead of the next election.

But where does the money go? Public sector spending is complex web of departments and expenditure. Using this graphic you can explore government spending by department (for the financial year 2013-2014) and see exactly where your hard-earned cash is spent.

Use the show hide tab in the top left to toggle captions, and hover over the bubbles to reveal individual departmental spends.

Some departments, such as the NHS, are ring-fenced and others, like the Department of Work and Pensions, are susceptible to the chop.

To view on mobile, pinch and zoom to explore the data.

var tree = d3.layout.tree() .separation(function(a, b) { return (a.parent == b.parent ? 2 : 8); }) .size([height, width/2]);

var scale = d3.scale.sqrt() .domain([-4029, 170579]) .range([-40, 400]);

var diagonal = d3.svg.diagonal() .projection(function (d) { return [d.y, d.x]; }); var format = d3.format("0,000");

var svg = d3.select('#' + chart_id) .append('svg:svg') .attr('width', width) .attr('height', height) .attr('viewBox', '0 0 ' + width + ' ' + height) .attr('perserveAspectRatio', 'xMinYMid') .attr('id', chart_id + '-chart') .attr('class', chart_id + '-chart');

var tooltip = d3.select("body") .append("div") // declare the tooltip div .attr("class", "tooltip") // apply the 'tooltip' class .style("opacity", 0); // set the opacity to nil

d3.csv("/wp-content/uploads/custom/15/0318-depts-3.csv?_cbv=2", function (links) { var nodesByName = {}, nodesByamount = {};

// Create nodes for each unique source and target. links.forEach(function(link) { var parent = link.source = nodeByName(link.source), child = link.target = nodeByName(link.target);

link.amount = nodeByamount(link.amount) child.amount = link.amount;

if (parent.children) parent.children.push(child); else parent.children = [child]; });

// Extract the root node and compute the layout. var nodes = tree.nodes(links[0].source);

// Create the link lines. var link = svg.selectAll("path.link") .data(links);

link.enter().insert("path", "g") .attr("class", "link") .attr("d", diagonal);

// Create the node circles. var node = svg.selectAll("g.node") .data(nodes);

var nodeEnter = node.enter().append("g") .attr("class", "node") .attr("transform", function (d) { return "translate(" + d.y + "," + d.x + ")"; });

nodeEnter.append("circle") .attr("r", function(d,i) { if (d.amount) { return scale(+d.amount.amount)/4; } }) .attr("opacity", 0.3) .attr("fill", function (d, i) { if (d.amount) { if (+d.amount.amount "+d.name+ ": " + "£" + format(d.amount.amount)+ "m" +"

"); tooltip.style("left", (d3.event.pageX - 50) + "px") .style("top", (d3.event.pageY + 10) + "px"); } } function mouseout(p) { tooltip.transition().duration(200).style("opacity", .7); tooltip.transition().duration(500).style("opacity", 0); }

var g = svg.append("g"); var textgroup = g.append("g").attr("id","#DeptText"); var texts = textgroup.selectAll("text") .data(nodes) .enter()

nodeEnter.append("text") .attr("class", "text") .attr("y","3") .attr("x",function(d,i) { if (d.depth == 1) { return "-170"; } else { return "7" } }) .text(function (d, i) { if (d.amount) { return d.name + " (" + "£" + format(d.amount.amount) + "m" + ")"; } else { return ("") }}) .style("fill", function (d, i) { if (d.amount) { if (d.amount.amount

All data from the Cabinet Office.