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.
13 Responses to “Gantt Box Chart Tutorial & Template – Download and Try today”
Hi Chandoo
As one of your students I have followed your detailed example through with great success. However, Excel is acting in an unexpected way and I wonder if you could take a look?
http://cid-95d070c79aef808e.office.live.com/self.aspx/.Public/Gantt%20Box%20Chart.xlsm
On my version, I have to type 40239 (Which equates to 2 Mar 2010) to get the chart to display 31 May 2010 (which should be 40329)!!??
Have I done something wrong or is Excel acting up?
Thx
Oli
PS Your example file in 2007 displays correctly.
Hi,
I like this idea a lot, but I agree the name is a little drab.
As an American I may just be seeing things, but to me the combination of lines and bars on your chart looks like a bunch of cricket bats.
Maybe you could work that into a catchier name. 🙂
Cheers!
Here is some code I use to keep the axis synched.
It may be useful to some of your readers
It is based on a comment I saw on Daily Dose of Excel.
Function SynchGanttAxis(Cname, lower, upper)
'Sets the X min and X max for Category axis
Application.Volatile
On Error Resume Next
'
'Top Horizontal Axis
With ActiveSheet.Shapes(Cname).Chart.Axes(xlCategory, 1)
.MinimumScale = lower
.MaximumScale = upper
End With
'Bottom Horizontal Axis
With ActiveSheet.Shapes(Cname).Chart.Axes(xlValue, 2)
.MinimumScale = lower
.MaximumScale = upper
End With
End Function
Function SynchVerticalAxis(Cname, lower, upper)
Application.Volatile
On Error Resume Next
' Excel 2007 only
'Right hand vertical axis
With ActiveSheet.Shapes(Cname).Chart.Axes(xlValue, 1)
.MinimumScale = 0
.MaximumScale = upper
End With
End Function
@Oli.. Can you check your file again.. I see 40329...
@Dave: Even I saw things.. the bars actually looked like lollipops. How about calling this lollipop chart - now that would be yummy and goes along the tradition of naming charts after eatables (bar, pie, donut...)
@Bob: Superb stuff... thanks for sharing 🙂
Hi Chandoo
This looks really good and I think it can also be applied to show project phases / milestones.
Question: Thinking further could this be amended to display a project lifecycle (Idea through to Implementation say 7 phases) on one bar / row? Just imagine 20 projects within a programme all on one chart one bar each showing their respective lifecycle stages i.e. on one page.
Idea: As the Gantt Box Chart this is quite intensive to set up re formatting etc how about the added extra of once you have completed this to "Save as template" i.e. saves the formatting and layout of the chart as a template so you can apply to future charts. Simple to do and will save the time formatting etc again and again and again.
Therefore tip: Click on your chart demo and then click on Save As template icon (2007) - edit file name and click on save. Ready to use / apply via Templates in Change Chart Type window.
Thanks and be very interested if the lifecycle question can be resolved
Mike
How embarrassing.
I was obviously suffering from numerical dyslexia. I was one of those days.
@Mike H: You can easily make this chart to work like a generic project lifecycle plan chart. All you have to do is,
1. in a separate sheet define the steps of lifecycle and various dates in a table (with 5 columns for each of the projects you have).
2. now use a control cell to input the project name you want to show in the chart
3. based on the input, use OFFSET Formulas to get the correct data
4. Rest is same as the tutorial above
For more info on the dynamic charting visit http://chandoo.org/wp/tag/dynamic-charts/ and http://chandoo.org/wp?s=OFFSET
Your solution is really smart but in the en Excel isn't meant to do stuff like this. I, as a former PM, always thought is was frustrating that you had to do stuff like this for something simple like a Gantt chart. So I built Tom's Planner. And would like to plug it here. I think it really solves the problem you are trying to solve in the most efficient way. Check out http://www.tomsplanner.com for a free account or play around with the demo.
Hi there,
Chandoo - this is really a very nice and helpfull chart - I adopted it, so I can report a forecast or the delay of a certain task (coming from my role as an auditor for projects).
One topic I´m currently struggeling with: I do have a project lasting for lets say 12 month. For a management reporting, I want to have kind of snapshot, lets say one month back and 2 month in the future. I tried with the offset formula, but failed. Any idea?
Thx
Lopi
[...] Ein viel geliebter Klassiker ist die Erstellung von GANTT-Diagrammen mit Excel. Wir hatten das Thema wiederholt schon hier. Chandoo.org hat sich mal wieder mit einer neuen Variante hervorgetan: Das GANTT-Box-Chart. [...]
[...] [...]
Hi Chandoo - fantastic xls. One thing I can't figure out how to do is adjust the alignment of the vertical axis. I would like to left align so that I could indent to represent sub tasks. Can that be done? Or is there a better way?
I've been trying to work out if there's a way to show weekends on the graph. The closest thing I've got is to add them on a secondary axis, but then I haven't been able to keep both axis lined up together! Any ideas?
Following on from this - is it possible to show things like holidays?