Breaking down the 2013 Federal Budget is no easy task but Brightpoint , a boutique consulting firm for data visualisation, has done so with an HTML5 data visulisation using D3.js. The interactive allows readers to select an area of spending on the federal, state, or local levels to examine how spending is broken down. By clicking on a circle, the viewer sees the budget broken down even farther up to four levels.

When the cursor hovers over a circle, the federal, state and local budget totals are displayed. The data was collected from public records available from the Congressional Budget Office . Readers can view more than one area of spending at a time for a comparison.

D3.js is a javascript library that allows data driven documents to be effectively manipulation which allows for some remarkable data visualisations. The library, the first that works well on the internet, allows flexibility and manipulations of any of the document object model (DOM). Essentially, D3 makes any data visualisation possible in order to more effectively illustrate data.