You have been there before.
Trying to compare last year numbers with this year, or last quarter with this quarter.
Today, let us learn how to create an interactive to chart to understand then vs. now.
Demo of Then vs. Now interactive chart
First, take a look the completed chart below. This is what you will be creating.
Inspiration for this chart
Before we jump in to Excel and understand how this is done, let me thank NY Times for providing the inspiration for this chart. I saw a similar chart in their climbing income ladder visualization.
Creating Then vs. Now chart in Excel
1. Arrange data
As usual, the first step is to get the data in to Excel. Structure your data like this.
2. Insert a combo box control to select a region
Since our chart will display values for one region at a time, we need a mechanism to let user control which region is displayed. We will use a combo box control do this. Follow these steps.
- Go to developer ribbon and insert combo box form control.
- Right click on the combo box and go to format control.
- Set up input range to list of regions in your data.
- Set up cell link to a blank cell in your workbook.
Related: Introduction to form controls.
3. Fetch selected region’s data
Now that we have a combo box to select which region to show in the chart, next step is to fetch data for selected region. You can use either VLOOKUP or INDEX formulas to do it.
Using VLOOKUP formula:
Assuming region name is in D17, and data is in values table, write:
=VLOOKUP(D17, values, 2, false)
to get 2nd column (then sales) value.
Using INDEX formula:
Assuming region number is in D16, and data is in values table, write:
=INDEX(values[then],D16)
4. Create a chart showing then to now movement
Next step is to create a chart that would show a line going from then value to now value. Lets take a closer look the line to understand how to make it in Excel.
We can create this chart with either XY (scatter) plot or line chart. Lets go with scatter plot.
In your workbook, set up a table like this:
Then, select the above and create a scatter plot. Select the scatter plot with connecting lines.
5. Formatting the chart
Since we want to show a thick circle at the beginning of then value and arrow at the end of now value, lets go ahead and do the formatting song and dance.
Formatting the first point:
- Select the first point of then values (you need to click once on it, take 3 deep breaths, click again and sacrifice a goat).
- Press CTRL+1 to format the data point.
- Go to Marker options and select built in marker and use the circle symbol.
Formatting the last point:
- Select the last point (same as above, but this time sacrifice a chicken)
- Format the data point.
- Go to line style, select End type and choose arrow.
Formatting the horizontal axis:
- Select horizontal (x) axis and press CTRL+1
- Set axis minimum to 1, maximum to 6.
- Click ok and delete the axis as we do not need it on the chart.
6. Adding “Break-up” of now values chart
This is easy, Just select fetched break-up values for selected region and create a bar chart. Format it as per your fancy.
7. Put everything together
Place the combo box, scatter plot and bar chart together in a nice fashion. Add a surrounding box shape so that everything looks like one report.
Add a descriptive title on the top. If possible, make chart title dynamic so that you can show the selected region name and % change in it.
8. Your Then vs. Now chart is ready
That is all. Your Then vs. Now chart is ready. Go ahead and flaunt it.
Download the chart workbook
Click here to download the chart workbook and play with it. Examine the formulas, chart settings and shapes to understand how this is set up.
Do you make then vs. now charts?
I think about half the charts made businesses around the world fall in to this category. I make these type of charts all the time. I use a variety of chart types to convey this information. Thermometer chart, waterfall chart and conditionally formatted tables are some of my favorite techniques.
What about you? Do you create then vs. now charts? what type of charts do you use? Please share your techniques and ideas using comments.
Learn more…
If you are not working in a cave or behind a huge stack of desks, chances are your job involves communicating for a living. Go ahead and read-up below articles to learn how to communicate with charts better, when it comes to then vs. now situations.
31 Responses to “Beautiful Budget vs. Actual chart to make your boss love you”
Would be considerably easier just to have a table with the variance shown.
On Step 3, how do you "Add budget and actual values to the chart again"?
There are a few ways to do it.
Easy:
1) Copy just the numbers from both columns (Select, CTRL+C)
2) Select the chart and hit CTRL+V to paste. This adds them to chart.
Traditional:
1) Right click on chart and go to "select data..."
2) From the dialog, click on "Add" button and add one series at a time.
One more way to accomplish it is just select the columns into chart. Press Ctrl+C and then press Ctrl+V
Regards
Neeraj Kumar Agarwal
Unfortunately, this doesn't seem to work for me in Excel 2010. The "Var 1" and "Var 2" columns cannot combine two fonts to display the symbol and the figure side-by-side.
Secondly, there is no option to Click on “Value from cells” option when formatting the label options. The only options provided are Series Name, Category Name or Value.
@TheQ47... the emoji font also has normal English letters, so if you use that font, then you should be ok. I am assuming your computer doesn't have that font or hasn't been upgraded for emoji support.
Reg. Excel 2010, you can manually link each label to a cell value. Just select one label at a time (click on labels, wait a second, click on an individual label) and press = and link it to the label var 1 or var 2.
I am using excel 2010, please explain how to apply Step 12
Regards
Neeraj Kumar Agarwal
Hi Neeraj,
"Value from cells" option is only available in Excel 2013 or above. In older versions, you have to manually adjust the label value by linking each label seperately.
Read this please: https://chandoo.org/wp/change-data-labels-in-charts/
Sir, you are just awesome.
Your creativity has no limit.
Regards
Neeraj Kumar Agarwal
Hi Chandoo,
I just found your website, and really love it. It helps me a lot to be an Excel expert 😉
Currently I am facing with a problem at step 11:
Var1 Var2
D30%
A5%
B0%
B4%
B7%
C10%
C13%
D27%
I42%
Though at mapping table, I used windings, here formula uses calibra. How I can change it? I am able to change only the whole cell. In this case numbers will be Windings too.
Thanks for your help!
Hi Mariann... Welcome to Chandoo.org and thanks for your comment.
If you wanted to use symbols from wingdings and combine them with % numbers, then you need to setup two labels. One with symbol, in wingdings font and another with value in normal font. Just add the same series again to the chart, make it invisible, add labels. You may need to adjust the alignment / position of label so everything is visible.
[…] firs article explains how you can enhance your charts with symbols. You can simply insert any supported symbol into your data and charts. To some extend you can […]
You're a good person, thank you to share your knowledge with us, I will try to do in my work
Great visualization of variance. My question is that is this possible in powerbi?
How would you go about it?
HELLO, WHY CANT I FIND VALUES FOR LABELS IN EXCEL 2013
Dear chanddo sir,
What to do if we have dynamic range for Chart. How this will work. can you able to make the same thing works on dynamic range.
Sir Chandoo,
Good Day!
First, I'd like to say that I am very grateful for your work and for sharing all these things with us.
I tried to do this chart but it seems that the symbols don't work with text (abs(var%),"0%") unless we keep the Windings font style.
The problem is, it converts the text into symbol as well and you wont see the 0% anymore. I'm using Windows 7.
WOW - Segoe UI Emoji
This is the greatest discovery for me this month 🙂 Thanks for sharing.
Here's my two-cents:
https://wmfexcel.com/2019/02/17/a-compelling-chart-in-three-minutes/
Sir This is awesome chart, and very easy to made because of your way to explain is very simple , everyone can do. Thank you
one problem i am facing, I hv made this chart , but when i am inserting data table to chart it is showing two times , how can i resolve this
in this chart when i am adding new month data for example first i made this chart jan to mar but when i add data for the apr month graphs updated automatically but labels are missing for that new month
Hi Renuka,
Please make sure the formulas for labels are also calculated for extra months. Just drag down the series and set label range to appropriate address.
So I am playing with the Actual chart here - but amounts are bigger than your - you have 600 as Budget - my budget is 104,000 - is there a way to shorten that I am unaware of
thank you - I LOVE YOUR SITE
Thanks for the tips and tricks on Excel. In the Planned versus Actual chart examples, you use multiple values (ex. multiple Categories in above). How can this be done when we have only 1 set of values? For example if I have only this:
Planned Actual
SOW Budget 417480 367551
How can I create a single bar chart like the one above?
Thank you Chandoo.
This one is just perfect for my Quarterly Review presentation on Operational Budget against Actual Performance for the Hospital I'm currently working with.
Just Subscribed today (10 minutes ago)
Is there a way to make the table of data into a pivot table to be able to add a slicer for the graph due to many different categories and months?
Hi, I tried to modify you template with something appropriate for me, and I found a problem. this template was modified by me started with excel 2010, then 2016 and finally 2019. Same thing - somehow appear an error - or didn't show the emoticons for positive percentage or doubled the emoticons for some rows. I suspect to be from excel. if is need it I can sand you my xlsx for study. Please help if you can.
Hi Chandoo,
Could you please check the Var Formula in Step1. You have mentioned budget-actual and when i did this i got different values but when reversed like actual-budget i got the actual value what you have demonstrated in step1.
Please share your view.
This is a great chart (budget vs. actual). However, in trying recreate it, I cannot color in the UP Down bars individually, and they all become formatted with the same color. I'm using Office 365. Look forward to the feedback.
Thanks.
Dan
pls explain in detail step 7
While in the Excel sheet you have used following formula for Var
Var = Actual - Budget
But
in the note, you have written
Var = Budget - Actual
Good Presentation and Data information.thank you so much chandoo.