Interactive Chart : Pune 2016-17 Budget Visualized

Pune Budget 2016-17 Expenditures at a Glance

Part A Revenue Expenditures (RE)

Part A Capital Expenditures (CE)

Khas Expenditures (FE)

Part C : Water Budget : Revenue Expenditures (XE)

Ward Office level expenditures & Participatory Budget

Click on sections to zoom in, click on centre circle to zoom out again. Hover mouse over sections for labels. Use the headings at top to switch between the Budget Book's sections.

Do you have any Comments / Critique to make about the proposed Budget? Please post it in the comments space below!

See this as an interactive list >>

Note: Please wait for the page to load fully, and this page is best viewed from a computer, laptop or large screen tablet.

Disclaimer: The total amounts for the top heads could be incorrect, as many budget items are repeating in different sections, and so during calculation these are doubling the figures. Please check the original data for accurate totals. Also, the colors are automatically allocated by the program and cannot be manipulated manually; nobody is purposefully coloring anything dark or red or whatever.

Prepared by Centre for Environment Education in collaboration with Pune Municipal Corporation. For source data, see ourpuneourbudget.in. Feedback? Leave a comment below!

Credits: By Nikhil VJ, as part of a project with Centre for Environment Education. Data curated from Pune Municipal Corporations's Draft 2016-17 Budget Book, see site for original docs. Data converted from CSV to hierarchical JSON using this converter.

Visualization adapted from this example by Sharon Howard, which is based on this example by Mike Bostock. Additional tooltips code adapted from Tim Sherratt. Powered by D3.js

Notes:

Verify and format your JSON code here: jsonformatter.org
You can save this page to your computer or download from the github link and run it locally. It works fine on Ubuntu/Firefox, but on windows you might need to run it under a portable server (like UWamp).
The best way to make this process your data is to export as CSV and copy-paste the contents to the top textbox. You're welcome to try loading the file by URL but no guarantees.
Warning: If you choose the "Print all columns" option, those columns that have the same title as 'name', or the amountVar(default: 'value'), ( or 'level' or 'subitems' if you have chosen to print metadata )...
will be overwritten. So try to name your columns differently.. avoid using 'name', 'value', 'subitems', 'level'.
Avoid naming your columns as 'parent' or 'children' too as most data-viz scripts use those and your data might get overwritten.
Just for the record, all data conversion, processing on this page is happening at your end (client-side) only. We can't and don't want to do anything with your data. Save the page to ur comp and run it without internet.

Get the Code on Github
See some outputs of this wizard in action:
Pune 2016-17 Budget Visualized : interactive pie-chart, and interactive list.

Invitation : Help us

by Nikhil VJ, Pune, India.
Created during a project with Centre for Environment Education, Pune
Using Papa Parse, jQuery, Bootstrap and a ton of snippets from Stack Overflow network.
Send feedback on nikhil.js [at] gmail [dot] com.