Everyone likes to be in control. Even my 2 year old daughter jumps with joy when she lays her hands on TV remote. She pushes the buttons and assumes it is working. It is another story that we rarely watch TV at home.
By adding an element of control, we can make our dashboard reports fun. Interactive elements like form controls, slicers etc. invite users to play with your dashboard, get involved and understand data by asking questions. That is why I recommend making dashboards interactive.
Today lets understand how you can make dashboards interactive.
There are 2 aspects to interactivity:
- What users see (controls, slicers etc.)
- How it works in background (formulas, pivots, tables etc.)
Section 1: Adding interactivity to your dashboards
There are many techniques to add interactivity to your dashboards. Lets look at each of them closely.
Using Data Validation to add drop-downs to a cell
This is the easiest way to get started. Using data validation feature in Excel, we can restrict only a set of values in a cell. When you do this, Excel shows a small drop down box (combo-box) inside the cell so that you can pick one of the possible values. Like this:
Demo of what you can do:
An example report show casing flu trends in US, various states & cities between 2003 – 2009. For more, click here.
Learn how to use data validation drop-downs:
- Adding data validation drop downs in Excel – Introduction & Examples
- Cascading Drop downs – load values in 2nd list depending first list
- Making data validation list dynamic
Example Dashboards with data validation drop downs
- Flu trends dashboard in Excel
- Visualizing Survey Results using Panel Charts
- Sales Analysis charts in Excel – lots of examples
- Personal Expense Trackers
- Sales Dashboards – lots of examples
- Excel Salary Survey – Dashboards – lots or examples
Using Form Controls to add interactivity
Almost all computer users are familiar with form controls. We see them every day – scroll bars, check boxes, option buttons, buttons – pretty much all programs in your computer are ripe with form controls. But do you know you can add the same controls to your Excel worksheet?
You can use these controls on worksheets to help select data. For example, drop-down boxes, list boxes, spinners, and scroll bars are useful for selecting items from a list. Option Buttons and Check Boxes allow selection of various options. Buttons allow execution of VBA code.
By adding a control to a worksheet and linking it to a cell, you can return a numeric value for the current position of the control. You can use that numeric value in conjunction with the Offset, Index or other worksheet functions to return values from lists.
Demo of what you can do:
[Watch the demo on our YouTube channel]
Learn how to use form controls
- Introduction to various form controls & Examples
- Using check boxes with charts – example & tutorial
- Using scroll bar control – simple mortgage payment calculator in Excel
Example dashboards using form controls
- KPI Dashboards using Excel
- Customer Service Dashboard in Excel
- Excel Salary Survey Dashboards – lots of examples
- Sales Dashboards in Excel – lots of examples
Using Slicers to add interactivity
Slicers, a new feature added in Excel 2010 can be used to add interactivity to your dashboards & reports. Slicers are like visual filters. So you can see all available options as small boxes and you can click which option you want.
Demo of Slicers in action:
Learn how to use Slicers
- Using slicers to make a dynamic dashboard in Excel
- Overview of slicers & other new features in Excel 2010
- Using slicers to select one of many scenarios in your models
Example Dashboards using Slicers
Using Click-able cells as interactive elements
With a few lines of VBA code, you can turn every cell in Excel in to a potential input option. When user clicks on a particular cell, you can treat that as interaction and modify your dashboard (or chart). This is a very powerful and intuitive way to use in dashboards. See below example.
Demo of what you can do:
Learn how to use click-able cells
Example dashboards using click-able cells type of interactivity
- Interactive sales chart in Excel
- Displaying product reviews on demand
- Grammy bump chart in Excel
- Customer service dashboard in Excel
- Excel Salary Survey Dashboards – lots of examples
Using Hyperlinks to add interactivity
Many of you know that you can type any text in a cell and press CTRL+K to convert it to a hyperlink to another part in your workbook. But Hyperlinks can trigger macros upon mouse hover. This is a powerful technique first mentioned by Jordan at OptionExplicitVBA.
By using this behavior, we can create an interactive report that gets updated upon mouse hover. See this demo:
Demo of what you can do:
Learn how to set up dynamic hyperlinks
- Interactive dashboards using Excel Hyperlinks – tutorial & explanation
- Video tutorial on Interactive hyperlinks
- Excel hyperlinks – basics, syntax & more
Example dashboards using interactive hyperlinks
- Excel Salary Survey Dashboards – lots of examples
- Periodic table of elements in Excel [Option Explicit VBA]
Using VBA / Macros to add interactivity
Of course, you can add active x or VBA events to add interactivity to your dashboards. This gives you lot of control on what you want and enables you to do more. That said, using VBA to provide interactivity requires that your audience must enable macros when they view your work.
There are many ways to add interactivity thru VBA. Some popular methods are,
- Adding buttons or assigning macros to drawing shapes, images
- Overlapping buttons or shapes on maps, floor plans etc. and driving events on click
- Using worksheet or active-x controls and adding events (like mouseover, click etc.)
Note: Both click-able cells & interactive hyperlinks also require VBA to be enabled. But the amount of code they require is quite less.
Demo of what you can do
Learn how to use VBA & Macros to add interactivity
- Introduction to VBA, Excel Macros
- Using VBA Macros to make a picture calendar
- Dynamic Pivot Chart using VBA Macros
Example Dashboards using VBA Macro based interactivity
- MLB Pitching Statistics Dashboard
- India’s world cup cricket victory in a dashboard
- Interactive Sales chart using Excel
- Sales analysis charts in Excel – multiple examples
- Excel Salary Survey dashboards – multiple examples
- Visualizing Roger Federer’s Wimbledon victory – Excel VBA Dashboard
Using Timelines to add interactivity [Excel 2013]
Starting Excel 2013, Microsoft is introducing a new feature called as Time lines. Timelines allow you to interactively select a range of dates. I have not yet written any articles on this feature. But here is a short demo on how they work:
Section 2: Behind interactivity – What you need to know in Excel
Now that you know various techniques for interactivity, lets understand various building blocks that help you get there.
Use tables to hold your data
One of the premises of interactivity is that your data can change. When this is the case, I suggest you to set up all your data in tables. Tables allow you to keep data that can grow (or shrink) and write formulas referring to whole range.
Learn how to use tables [Excel 2007 and above only]
Use INDEX formula
INDEX formula helps you extract a portion (single cell, range) from a list of values that you want to use for further calculations or charting. The syntax is simple.
INDEX(range of values, row, column)
Example: INDEX(A1:A10,5) returns A5
Note: Index returns a reference to A5, not the value itself. So you can use INDEX where ranges are expected. For ex. INDEX(A1:A10,5) : INDEX(A1:A10,9) same as A5:A9
Fore more on INDEX formula:
PS: You can also use OFFSET formula in this situations. Please keep in mind that OFFSET is volatile and hence can slow down your workbooks if you use it alot.
Use lookup formulas
Interactive dashboards require formulas that dynamically lookup a set of values among heaps and return them to charts, summaries etc. This is where lookup formulas come handy. Check out our LOOKUP page for comprehensive information on this.
Use SUMIFS, SUMPRODUCT
SUMIFS & SUMPRODUCT formulas will become your best friends when it comes to extracting summaries from mountains of data based on user interaction. Once you master these, you can analyze & visualize any amount of data with ease.
- Introduction to SUMIFS formula, examples & explanation
- Introduction to SUMPRODUCT formula, examples & explanation
- Formula Forensics 007 – Sumproduct
- Advanced SUMPRODUCT examples
- More on SUMPRODUCT, SUMIFS, COUNTIFS, SUMIF, Array formulas
Use Picture links
Picture links are live snapshots of ranges of cells. If you create a picture link from cells A1:D5, then although it looks like a picture, it is a live image of the cells A1:D5. So when the cells change, the picture gets updated too, thus creating interactive effect.
For more on picture links:
- Introduction to picture links – examples, information & uses
- Picture links in practice – example dashboards & charts
Use Pivot tables
Pivot tables can process large volumes of data and give you desired summaries with in split seconds. They are by nature not dynamic (if data or criteria changes, you need to refresh them). Starting Excel 2010, you can use Slicers to interactively update pivot tables (hence pivot charts) . Even in earlier versions, you can use simple macros to automatically refresh pivot tables whenever users modify a form control or do something else. This allows for powerful dashboard reporting all the while keeping your calculation engine light weight.
For more on pivot tables:
Use conditional formatting
Conditional formatting plays an important role in interactive dashboards by highlighted changed portions of worksheet. This further improves the interactive feel and guides users attention.
More on conditional formatting:
Do you make your dashboards interactive?
I love keeping my workbooks, models & dashboards interactive. Simple features like form controls, slicers can add a lot of wow factor to your workbooks.
What about you? Do you make interactive dashboards & charts? What are your favorite techniques? Please share using comments.
Now, if you excuse me, I will go and resolve a fight between my daughter and son. They both want remote control the TV even though it is switched off.
More on Dashboards: Check out Excel Dashboards page & resources for making dashboards page.
66 Responses to “Budget vs. Actual Charts – 14 Charting Ideas You can Use”
[...] Update: Check out the results at Budget vs. Actual Charts [...]
Hi there:
I'm interested in understanding exactly how contestants #'s 1, 8 got their surplus or shortfall to show up at the top of the bar (is this overlapped or stacked somehow) and change colour? I hope this makes sense. I've tried to find samples and I can see contestant 8 (cuboo) may have used something called graphomate but I can't use this.
I need to create a bar chart that shows budget, and actual variance whether it be a surplus or a shortfall and I would like make it look like option 1 or 8 above but haven't a clear idea how to do it...any help would be greatly appreciated!
Regards..Linwe
[...] heute können alle Beiträge auf “Pointy Haired Dilbert” gesichtet und bis zum 12.04. bewertet werden. Falls mein Vorschlag - Nr. 8 - gefällt, freue ich [...]
Danken Sie Excel friend!
#6 is the best here. Simple, no extraneous visual effects.
I was all set to vote for #9...until I noticed its lack of y-axis labels. So I have to go with #6 also.
I think #6,#9 is enough .
#9 is my favorite
Nice data/ink ratio 😉
I agree with Jon - #6 for me.
8 & 14
I go for # 9 (simple) and #14 (complete)
I go for cuboo #8
cheers
#6 for overview at a glance / top management
#8 for deeper analysis / those who need more detailed information
#14 although I think you only need the bottom panel and I then would stack the Center charts vertically to make Center comparisons easier.
#10 gets my vote.
If there is a second place, then #14
denise
Hi, if I was not wrong, Samples 3,4 and 5 were created using Tableau software and not Excel. For more information on Tableau you might want to visit http://www.tableausoftware.com/. It was initially designed by Prof. Pat Hanrahan and his PhD students. I am not their salesperson but I thought someone might want to know more about this particular technology.
Hi Tin Seong Kam:
Thanks - I have looked at Tableau before. I have also found the means to reproduce something similar to chart 8 without using graphomate, and also chart 7. I proposed chart 9 as well but the overlap is confusing to some.
I am really not too concerned about showing actual budget figures but the variance in $ and % is important for my particular use. That is why I gravitate to the charts that seem to easily tell us that we have a surplus or a shortfall.
Thanks!
Linwe
11, 6, 9 (presque pareil)
7 pour la clarté
cuboo #8 ist my favorite
best regards...
8
8 is fantastic
I prefer N#8 - N# 1,7 & 8 use the settings of Rolf Hichert...
6 : The GURU (read "Jon Peltier ") has spoken,
SOO easy on eyes!
Hi Chandoo,
I liked Cuboo's submission. So #8 gets my vote.
Regards,
Sumit
Number 8 by far. Even though it's not part of the data display, the comments feature sells me. Variance explanations are as important as the actual variances.
I visually prefer #8, but #3 is really easier to understand, even if it lacks a lot of information (inverting budget/actual), legend, etc...
[...] All in all there are several great entries suggesting a good variety to present budget vs. actual performance. Go check them out. [...]
[...] reshape, zoo by learnr A reader of a Pointy Haired Dilbert blog enquired about best ways to visualise budget vs. actual performance. In response PHD challenged his blog readers to contribute their visualisations made using Excel or [...]
anyone willing to post their xls for these? Some really excellent exmaples.
To avoid the summary execution of the person presenting these to an executive team these charts must handle overspending as well as underspending, be comprehensible in 5 seconds and show the key fact clearly. The key fact isn't budget or actual - it's the magnitude of the gap!
Therefore:
#14 for nailing the key fact and being able to handle overspending. The winner therefore.
#6 for nailing speed-reading and being able to handle overspending, but somewhat obscuring the key fact. Second place.
#8 for nailing information depth and aesthetics. Third place.
I really wanted #8 to win, but that's the technician's view not the end-user's.
[...] Todas as contribuições podem ser vistas no seguinte endereço: Budget vs. Actual Charts – 14 Options You can Use Posted on April 5th, 2009 http://chandoo.org/wp/2009/04/05/budget-vs-actual-charts/ [...]
Social comments and analytics for this post...
This post was mentioned on Twitter by NancyJHess: I like to explore fav tweets of those I follow. Here is one from DutchDriver http://twurl.nl/17eiap Creative visual charts: Budget vs Actual...
number 8
clean, full of info, qualitative as well as quantitative
Hi,
I Like 4 chart in above as per the following ratings:-
no 1# -> 14***
no 2# -> 7***
no 3 # -> 8**
no 4# -> 1.3**
I will be greateful if someone can send me the process of making all above 4 charts.
Virender
[...] Budget vs. Actual Values in Charts – 14 more options [...]
[...] Budget vs. Actual – 14 charting options [...]
Does anyone know what type of chart #6 is (chart name?)? Also, how do I create this is Excel 2007?
@Shazbot
I'd call it a Column and Bar chart, but don't get hungup on names
To make it try this:
Setup the chart as a Clustered Column Chart
Change the Series so there is 100% overlap, ie: One column is in front of the other
Change the Budget series to a line chart
Set the line color to none
Set the marker style to a Flat Line
Change the marker width to make it the same width as the bar
Change colors and other chart properties to suit
Does anyone have an idea on how to create chart #1?
Thanks
Caroline, please see the german page: http://www.hichert.com/de/software/exceldiagramme/55
there you can find the original example for nr1.
best regards,
stefan
Caroline
This is a Clustered Stacked Column Chart
Which has the column under the Shortfall/Excess colored the same as the Budget
Have a look here
http://chandoo.org/forums/topic/question-about-budget-v-actual
&
http://peltiertech.com/WordPress/clustered-stacked-column-charts/
Hi,
Is it possible to get the source files like the other visualisation challenge (on sales).
Thanks,
Vijay
Dear Chandoo,
I discovered your site by pure chance and I am really thrilled about it and I am learning a lot.
Is it possible to post the source file for this visualisation challenge?
Thanks,
Vijay
[...] Budget vs. Actual Charts in Excel [...]
Dear Chandoo,
How do I create Chart #10 (comparing Budget vs Actual Performaces) by cost center by quarter without the cumulative performance. Do you have an actual example that I could use?
Thanks,
Greg
HI
Does anyone can help me to a to create chart #7? I'm beginer in excel , I started to work two weeks ago and my boss ask me to follow the budget/actual until the end of the year.
SO I really need your help.
Thanks in advance
p.s Sorry for my english ( i'm french)
@OKI, Greg
I have made a mockup of #7 and #10
It is available at:
http://chandoo.org/wp/wp-content/uploads/2009/04/Bud-Act-visualizaion-challenge-7+10..xlsx
#10 is a straight, Pivot Chart/Table but the data has been rearranged to get it into the pivot table
#7 is 2 charts, being a simple Bar Chart and a Scatter Chart with 100% Error Bars
I have used Named Formulas for the two charts.
HELLO Hui
Thanks you very much for your hepl , i really appreciate
Have I nice week
Hi,
I was wondering how can you replicated chart 1.3? The bars looked like there overlapped on two different axis?
Tony
I think 1 & 3 are good.
Hi Chandoo,
Please can you provide a link of the excel sheet for 1. Chart "3 colors and everything is clear"
I would like to drill into the spreadsheet and learn the secrets as how the chart was made.
Many thanks,
Sawan
@Sawan
It is probably 12 seperate charts, I will assume snapped to the underlying cells to ensure they are the same size
The left 3 Charts have a vertical Axis
The bottom 4 Charts have a horizontal Axis
The remainder have no axis
The remaining text maynot be part of the charts but is probably cell content
Saludos,
Como puedo descargar estos maravillosos ejemplos para estudiarlos y analizarlos deseo aprender a realizar este tipo de graficas en Excel.
Gracias,
Dear Chandoo and Hui,
Please would you help me (step by step if possible) to create Chart #8?
Many thanks in advance!
Dear Chandoo,
I think chart #8 is really great. Would really appreciate if you can show basic step to create it.
Thanks 🙂
Hi all,
Is there any step by step tutorial to recreate the the chart #1 please?
Would really appreciate if someone could show me how it done.
Regards
Sawan
Can someone tell me how do you create chart number 2? Thanks!
Am I the only one that can not display any of the images? Would love to take a look at these. This is the ONLY page on the whole website I have had this issue with. 🙁
Dear All,
how can i create chart # 7? is there any link where i can subscribe to your website by paying a certain amount. i want to learn some good excel techniques.
please let me know.
Cant see the images 🙁
Where can I find the link to download some of the above charts?? these are extremely usefull chart and would like to utilize the same.
Waiting for the reply.
Thanks..
I am interested for # 1,6,7,8,9,10,11 its very exciting for me .
Hi,
Just wanted to check, is there any possibility that pivot table or drop down work in power point?
Regards
Satyapal
@Satyapal... you can only use static images or slide animations in Power Point. Not features like pivot tables or drop downs. However, you can embed the entire workbook (or sheet) in a presentation. When clicked this will just open Excel so your users can play with the data.
Is there any instalment kind of facility available for joining the online course of Rs.12000/-.
Regards
Ramesh N
Hi,
I badly want to replicate #10. Can someone help me.. I've checked google to help but I can't figure out how to add the total 🙁
Regards,
Tim