This is a guest post by Chirayu, a member of Chandoo.org forum.
Foreword
I mainly write VBA code in Excel. I am in no means a PowerPoint VBA coder. It’s just that once you understand one type of VBA code it’s simple enough to do a bit of research & figure out the rest through trial and error.
This guide was created because of the question posted here which intrigued me & I drafted up a sample file for the same.
Animating charts in Power Point
Animating Charts in PowerPoint cannot be done without the help of 3rd party software’s that create a flash file of the chart & embed it into the presentation.
However there is a workaround for this. Save your chart as multiple images & insert them (overlapping on top of each other). Use VBA on Developer tab Controls such as Combo Box, Option Button, Check Box etc. to “Bring To Front”” the corresponding image. Thus giving the illusion of an Animated Chart in PowerPoint.
This guide will teach you how to animate the charts, using the three Developer tab Controls that were mentioned before. The code & functionality only works in Slide Show Mode. File must be saved as PowerPoint Macro-Enabled Presentation (*.pptm)
First a quick demo of the chart:
We are going to build this.
How to Add Developer tab?
- Click on the office button / file menu at the top left in PowerPoint
- Go to Power Point options
- Tick the Show developer tab in the ribbon option in the popup menu
- If you are using PP 2010 or above, go to “Customize ribbon” tab and check the “Developer” ribbon to enable it.
- Close the Power Point options window.
How to add selection pane?
In order to name the chart pictures, we need to use selection pane. You can enable this by
In Office 2013 or above:
- Go to Home > Select and click on Selection Pane.
In Office 2010 or 2007:
- Go to Power Point Options
- Click on Customize
- From left hand side, choose “All commands”
- Scroll down and select “Selection Pane”
- Add this to the quick access toolbar
- Now selection pane will be available on Quick Access Toolbar of PP.
How to Insert & Rename the Developer tab Controls?
- Go to the Developer tab
- To insert a control, simply click on the one you want & then a + cursor should appear
- Use this to drag & create the Control you chose
- As an example for renaming the Control let’s add an Option Button. Which will look like this:
- To rename this to Q1, right click it & select properties
- Then change name & caption as you want.
How to Insert & Rename Images?
The reason you need to rename the images is:
- Easier for identifying chart images when they need to be updated in future
- Uniform VBA code that does not need alteration as all images having same naming convention as that listed in the VBA code
To insert an image:
- Click on the Insert tab and click on Picture
- Then browse to the image you want & click on it & then click OK. Repeat this step if you are creating an animated graph.
- To rename these pictures we just click on the Selection Pane button we added earlier. This will show us all the images & their names in the PowerPoint slide you are on. We can then rename these images to whatever we want. I chose Pic1, Pic2, Pic3, Pic4 as the Chart has a Quarterly data.
- Note that when you are creating dynamic charts, the images will need to be of the same size & must overlap each other. Otherwise it won’t look like a dynamic chart, as it will still do all the work but look out of sync. Example below of Quarterly chart overlap, where Q1, Q2, Q3, Q4 have been placed on top of each other.
VBA code to animate the chart
This VBA code will mainly be used when we have the overlapping image scenario as all we are doing is bringing the image to the front.
The VBA code will also go in the same slide as where the Option Buttons were added.
Since Q1, Q2, Q3, Q4 buttons are in Sheet1. VBA code will be pasted in Sheet1.
- To open the VBA screen Click on the Developer tab & & then on the left hand side menu of the popup
- Write the below code in the white area that shows up
Private Sub OptionButton1_Click()
ActivePresentation.Slides(1).Shapes("Pic1").ZOrder msoBringToFront
End Sub
Private Sub OptionButton2_Click()
ActivePresentation.Slides(1).Shapes("Pic2").ZOrder msoBringToFront
End Sub
Private Sub OptionButton3_Click()
ActivePresentation.Slides(1).Shapes("Pic3").ZOrder msoBringToFront
End Sub
Private Sub OptionButton4_Click()
ActivePresentation.Slides(1).Shapes("Pic4").ZOrder msoBringToFront
End Sub
How this code works?
OptionButton1_Click: Means run the macro when the button is clickedActivePresentation: Means the current PowerPoint file you are using.Slides(1): Means the first slide of that file.Shapes("Pic1"): Means the shape you are referring to. Images are also considered as shapes and as you remember Pic1 is actually the name given to the image of Q1 for the Dynamic graph.ZOrder msoBringToFront: Means bring the shape to the front
Download the Example Presentation
Click here to download the animated charts power point presentation. Play with the animations in slides 2 & 3 to learn more. Examine the VBA code by using Developer ribbon > VBA.
Summary
As you can see, it’s not that difficult to animate charts in PowerPoint. It just requires a workaround in order to do so. I have included few more examples in the downloadable presentation. Check them out and learn more. I hope that this guide is useful to you in animating your PowerPoint files.
Thank you Chirayu
Thank you Chirayu for sharing this awesome technique with us. I really enjoyed playing with the animated charts file.
If you enjoyed this post, Please say thanks to Chirayu.
Want more animated & interactive charts?
If you want to build interactive & animated charts using Excel, check out below examples & case studies:
- “How Trump happened” making animated chart in Excel
- How to create animated charts in Excel – podcast
- Fourth of July fireworks in Excel
- Journey of hurricane Sandy – Interactive Excel chart
46 Responses to “6 Best charts to show % progress against goal”
Chandoo, thanks for another interesting post.
One thing I'm missing is the question: What is progress, what does one want to know exactly?
I'm asking the question because I think of progress as not the same as "state of completion." Percentages/bars, etc., as shown above, are great to communicate state of completion, but less so for progress.
That's because project progress is how state of completion *relates to* the resources spent so far. Resources can be things like dollars spent, hours spent or project time passed. For example, 5% would be "good progress" in the first week of a one-year project, but terrible progress in the last week of the project.
The way I prefer to report progress is as a simple line chart with time on the x axis, and maybe a marking for the end point (and maybe an "ideal"/"as planned" line).
If it really must be a single number, you could go a EVA-ish route and divide the current % of completion by the current % of project time passed, which gives you a schedule performance index (1 or bigger than 1 = good; smaller than 1 = bad). For this, your suggested charts should work great!
I avoid 'progress' except where I can objectively assess progress, such as counting bricks laid or concrete poured. For intellectual work, I don't think that its possible to measure progress to completion with any reliability or credibility. I prefer to update forcasts of completion date, because that's where the effect of completion on dependent activities, deliverables and outturn value of the project is felt. This is also referred to as the 0-100 method. An activity is set at 0 complete until its actually finished, when it is set at 100% complete.
Hi Chandoo,
Great post! I have a preference towards thermometer charts too mainly because of the target/actual comparison.
Just an FYI...seems like the the screen shot for the pies #4 are under the #5 heading. Also the pies conditional formatting is something that doesn't accurately portray completion since the pies are segmented into quarters.
AND also a little trivia...those "pies" are called Harvey Balls, named after Harvey Poppel...
Chandoo,
I wonder. Is there a trick to unzipping your files?
I always seem to end up with a series of XML files rather than an XLSX.
Thanks a lot. 🙂
Eric~
Hi Chandoo,
Thank you again for this amazing help you are so resourcefull to make us little bit more amazing everyday.
When I click on the link on the page "http://img.chandoo.org/c/best-charts-for-goal-progress-comparison.xlsx" it is always bringing me to a zip file with all XML files without the XLSX file. I tried with mozilla and IE.
Thank you
[…] http://chandoo.org/wp/2014/03/10/best-charts-to-show-progress/?utm_source=feedburner&utm_medium=… […]
@All having trouble with download file.
1. Download the file.
2. Rename the extension as .xlsx
3. Double click or open it in Excel
Doesn't make any difference Chandoo, still end up with a zip file full of xml related files/folders
@Ian H
Download the zipped file and rename it to *.xlsx
where * is the filename
ps: Great name!
Many thanks for your help Hui but not sure why you are repeating what Chadoo said and which I first posted to because it didn't work for me. I did as he said and it didn't work, hence my post.
Chandoo says:
March 11, 2014 at 1:52 am
@All having trouble with download file.
1. Download the file.
2. Rename the extension as .xlsx
3. Double click or open it in Excel
Also, please note that we are investigating an issue with our webserver settings that may be causing this behavior. Sorry for the inconvenience. I am hoping to get this fixed in next 48 hours.
I used thermometer chart & conditional formatting using traffic lights. I just recently completed a dashboard I hope you can take a look but don't know where to send it. Thanks.
The in-cell bar charts is very interesting. This is not to be used as one can easly do manipulations by changing fonts/ font size etc
Hi..this is really helpful..
but I hve one quick ques..is it possible to hve conditional formating for chart graph based on text value and not the numbers..if I take your example project one bar should be red...if data is project 2 then it should be blue..basically we mke chart based on countries n each countries are assigned specific color...so I want a way where I can use conditionsl formating and not do it manaually each month.
You can set up conditional formatting rules to do this.
See this... it may help
http://chandoo.org/wp/2010/04/01/incell-panel-chart/
Hi Chandoo,
Great article and will be very useful.
One question - is it possible to have in-cell bar chart and the percentage complete (similar to icons)?
Try something like :
=CONCATENER(REPT("|";A1*100);REPT(" ";25-A1*25);"|")
it's quite nice
Hi Chandoo,
I am a great fan of you since i stumbled upon your blog. Your blog is very informative and insightful. I liked the way you presented the 5 steps using thermometer chart. I was very much inspired by that and tried to make my own version with 20 tasks to complete. On and after 17th step it was going downward. So I wanted to ask you that is there any limitation to thermometer chart
[…] shows us the 6 best charts to use, when you want to show your progress against a goal. There’s a sample file to download, so you can experiment on your […]
Is there any xhart is available which can show achivement percentage it may 80% or 120% means more an set target.?
Hi Chandoo,
Love your site. I have a small question regarding plotting data that contains ranking. I have 2 fields - Country, Rank. Note that i don't have the absolute values from which the rank has been calculated. So what is the best way of showing this on a graph given only the above 2 fields. Appreciate it
Regds,
Ross
@Ross
I would assign a set of simple numeric values to your ranks
Even a simple 1 to 10 makes plotting relativities easy
Dear Chandoo Sir,
Really awesome post.
Thanks.
Vignesh.V
We can always rely on Chandoo to explain to us clearly things that perhaps we already knew but weren't putting into practice the best way.
A limit I never liked about data bars was that they are monochrome - one colour for positive values, one colour for negative. So a couple of weeks ago I sat down to figure out a workaround. If anyone's interested...
http://digimac.wordpress.com/2014/06/29/multicoloured-data-bars-in-excel/
Epic fail on my part! After three months I just found out that what worked on my machine, didn't work on others.
Problem solved, more functions added.
The link above at
To hide them use ;;; custom cell formatting code (how to).
appears to be incorrect. However, using the downloaded file and selecting a cell(s) from that example provides the easy answer.
I wondered if the pies could have a color other than black and white (which, of course, would raise the color-blindness issue that you referred to with the traffic lights example).
Hi Chandoo!
Thanks for the informative post!
I have managed to understand and replicate all of the progress graphs except one, the thermo bar. I read up on the tutorial of how to create them, and I understand almost everything about the look and use of the bar, but one problem I am having is that I cannot seem to "center" the bar into the cell like you did. The reason being that even though the highest input (progress) percent is 100%, the program automatically puts in another 20%, so instead of 100% stopping at the end of the graph, it stops 20% short and I have a huge space at the end because of it.
How did you counter that problem? I have been trying for hours to fix it
@Aden
Set the Axis limits to Minimum 0 and maximum 1
Thanks. I started running a project recently, and I found your charts to be really helpful in tracking it's progress. I'm glad I found your page.
Hi Chandoo!
Great stuff for my customized project moving forward. However, when I use the blue block bars, the %ages spark up to smt like 5000% and cannot lower them nor scale them. If I input manually such as 50% without formatting a column, the bar for 50% e.g., will fill the cell completely, so that's kind of odd... what to do?
Thanks!
I guess I have the same problem. When I put 50 and click on the percentage, it is giving me 500%. Can someone help us on this. Thanks in advance
[…] http://chandoo.org/wp/2014/03/10/best-charts-to-show-progress/ […]
Hey,
Thank you for making this page. I do have one problem with the thermo graphs. Whenever I try to drag the graphs from one cell to the cell beneath it, the data remains selected on the former.
For example, if I had a thermo with a target number in A1 and an actual number in B1 with my thermo in C1, when I drag my thermo into C2, C3, etc., all of the graphs show the results from A1 and B1.
Is there a way to have these graphs update automatically as I will be regularly working in an excel file with hundred of entries?
P.S. I removed the $ symbols from 'Select Data', but that did not fix the problem.
Thanks again!
@Lisa
Not sure but it sounds like the new cells have Conditional formats applied
Select just the new cells
Select Conditional formatting, Clear Rules, Clear Rules from selected Cells
Hi Chandoo.
I am charting on some defaulter data where greater than zero is not desirable. Problem is that I have to highlight zero as target and anything above as undesirable. Seek your help
Hi Chandoo
Great post!
But I am wondering why bullet chart is not on this list. Is there a reason for its absence?
Thank you for these instructions. The bonus 5 Step Progress Meter you included would be perfect for my project. Where can I find the instructions?
Hi,
Do you know of any simple way to reduce the Data Bars padding so that they fit within the cells?
Thanks and great posy!
Regards
Appreciating the dedication you put into your website and in depth information you
provide. It's good to come across a blog every once in a while that isn't the same out of date rehashed information. Wonderful
read! I've bookmarked your site and I'm including your
RSS feeds to my Google account.
With #1 and #2, how would you also apply a red amber green to the bars (is it possible within chart formatting or would you need to utilise CF)?
I'm thinking of an in cell bar of some kind which will show against a known goal end date how far along with the goal you are (this is to be used for 'how many of the X number of people that I need to train in X timeframe, have been trained and therefore which of each training group is on track to complete on time or falling behind'.
So there would be knowns of number of people, target end date but I'd want it to reflect accurately as some groups of trainees might only have 50 in so their 50% done would be different to a group of trainees where their group had 200 people in it - but 50% would still be the same. Somewhere there'd probably need to be something which noted that there was a different volume of trainees so it could but the remaining effort to train people into context?
Hope that makes some kind of sense, I could be waffling!
[…] charts. Its got things like “Best Charts to Compare Actuals vs Targets” and “Best charts to show progress“. I love me some charts […]
Thanks a lot my dear.
very Useful it for me.
Another great post, thanks for sharing.
Chandoo, I am just starting an Excel class, and everything in the class is new to me. I am learning how to use all of these great charts but don't know what they are all used for. Thank you for your post and I think I will be able to use this down the road throughout my business career
in the above charts , Chart #2: Conditional Formatting Data Bars
->Assume if we have completed 35% of work it is showing in Blue color ,in the same cell remaining 65% of work should shows in some color , how to show?
Hi Sir,
This is Rachit and I am a big fan of you and your work. This is to request you please make a video for Beverages Sales performance data analysis in Excel.
Regards,