Designing awesome financial metrics dashboard [tutorial] » Chandoo.org - Learn Excel, Power BI & Charting Online (2024)

This is a guest post by Chandeep. He won our recent dashboard contest and kindly agreed to share the technique and process for creating such an awesome dashboard with all of us.

Hi to all the awesome people at Chandoo.org

Quick Intro– My name is Chandeep Chhabra and Ilive inGurgaon, India. Luckily Chandoo’s 2016 Dashboard contest, my Dashboard entry was picked up asa winning entry. Thank you so much for all your appreciation and likes

A few days later I reached out to Chandoo asking him to let me write everything about this dashboard, right from the thought process I followed to finally making a ticked and tied dashboard.

What I am going to cover in this post ?

Since we are talking about an entire dashboard here, this is going to be a long post (I mean really long). Here is what I plan to cover

1. How did I plan this Dashboard ?– All my Dashboard pre-work is included here
2. How did I create the Dashboard– This all about number crunching, formula writing, setting up things etc.. I am not going to discuss the formulas in detail but I will give you the overall logic and the formula behind it. To make things structuredI have divided this partinto 2 main sections
   1. Screen 1 Calculations –Everything about the 1st screen (company comparison)
   2. Screen 2 Calculations – All about screen 2 (overall market)
3. How did I format the Dashboard– I discuss everything right from colors themes to the overall look and feel. Again the formatting is divided into 2 sections
   1. Screen 1 Formatting
   2. Screen 2 Formatting
4. How much time did I spend creating it– Specific breakdown into hours for each section
5. Mistakes that could have been avoided– A few mistakes that I personally found in my work that could have been avoided

Alongside this post, I have also put together a video to explain this dashboardyou can get the video + resources here

Part 1 – How did I plan this Dashboard !

The first glance at the data made me feel comfortable, since I carry afinance background and have mostly played with financial data. So I came with 2 key objectives

1. My dashboard has to answer all important questions that were relevant to the audience/management
   The look and feel of the dashboard has to be simple and yet stunning
2. I am going to breakdown the objective into concrete actionable steps that I took to finally complete this dashboard + throw in some general good practices that I personally follow

Quick Tip:I draw fromChandoo’s 10 step Dashboard Processwith a few tweaks of my own

Gathering all important and relevant questions

Chandoo did give us a good head-start about objectives of the dashboard

I also reached out to a few friends and asked them, what additional things would they like to know from the data.The list got a bit bigger. This is exactly what I came up with

I then started quickly crunching numbers and doing analysis to find the answers to the above questions. Once I didall the meaningful calculations, I quickly made a rough sketch (mock) of the dashboard. This mock is to understand 2 things

1. How am I going to fit all this data and analysis in the sheet?
2. How the overall picture will look like?

Below is how the mock up looked!

Part 2 –How did I create this Dashboard ?

Even before I start showing the workings of the dashboard I strongly suggest you todownload the Dashboardand then follow the instructions discussed, it will a lot easier that way.

You can alsoget access to the explainer video + resources

Screen 1 Calculations – Performing a multiple criterialookup

Take a look at how the Visualisation and itsbackend is performing a 2way lookup

1. When you select a Company name (using a slicer), the pivot table stores the value of the slicer (company name) in a cell
2. When the cost variable is selected (again using a slicer), the chart highlightsthat variable. But we are not exploring the chart as of now, We’ll keep that aside for a while

Now here is the Lookupformula used to lookup values for cost variables. Total Variable Cost and Operating Leverage were calculated separately. Note that the formula

1. Matches the company name (Company1)
2. Matches the Variable Name
3. And the year using the Columns Function

Once these values were calculated I directly plugged them in the Dashboard

Links for newbies toINDEX,MATCH,OFFSET&COLUMNSFunctions

[One of the techniques used] –How to useslicer without a Pivot Table

Screen 1 Calculations – How theStacked Chart was made

A regular stacked chart looks like this.One big problem –too many colors!\

Stacked Charts can get pretty hard to read because of multiple colors for each part. Highlighting the variables in the chart was the key to make it look simple to read.Here is how it was done!

Take a look at the logic

We needed a dummy calculation to support the highlighted section.

1. Dummy =Sum (Values below the selected product)
2. The dummy needed to be dynamicwhich changes as the user selected the product

Using these 2 calculations (Dummy &Highlighted section) a stacked chart was made

I wrote a pretty detailed post about how tohighlight parts of a stacked chart. Check it out if you want to get into more details.

Screen 1 Calculations –How did I generate Comments ?

Notice the comments –Most words just stay the same andonly a few words change. There were 2 commentswith 2 different messages

1. Comment #1:Shows the absolute change since 2011. Depending on the % change a text tag is added (for eg. moderate / considerable / drastic change etc..)
2. Comment #2 :Compared to the previous yearwhich year had the largest % change.This was a bit tricky and the reason why I chose to show it because we wanted to bring out interesting insights (drastic or alarming changes) from the 5 year trend. We needed the following ingredients for setting this up
   1. Which year had the largest change (+/-) over the last year
   2. How much change hashappened (i.e. the exact %)
   3. Tag (moderate / slight / no change etc..)

The first thing was to set up a Comments Reckonertable

Nothing fancy about this, it is simple 2 columnar data with % change and an appropriate tag along with it. All this data was manually created! We will use thisreckonerto lookup an appropriate tag for % change calculations

Workingfor Comment #1

The calculations are pretty straight forward

1. We calculating the absolute % change since 2011
2. Using that % change we are looking up for a relevant comment tag in the comment reckoner.Sincewe are working with a range (between 90% – 50% = drastic change)the lookup method used is approximate match
3. After calculating % change and tags for all the variables we needed to narrow it down to only the variable selected

Which was done using a simpleIndex-Match formulato find the % change and tag for therelevant variable selected

Workingfor Comment #2

Let’s take a look at each of the 4 parts

1. Finds the change over last year for each variable
2. Finds the position of the maximum change. This position number will help us find that in which year the change happened
3. Calculates the % change that happened
4. Adds a tag relevant (from the comment reckoner) to the % change

Using the above calculations, now we lookup for the relevantvariable selected

Just like the previous one a simple Index formula for looking up the relevant % change, tag and year

Then I concatenatedall these calculationsto write commentsand used thecamera toolto create a linked picture and pasted them in the Dashboard

Phew!! that was some work.

If you have reached till here you might be interested in taking a look at anexplainervideo + resources that I have put togetheron this Dashboard

Screen 1 –Overall Layout !

Since I had to show comparisonbetween 2 companies therefore both the frond end and back end calculations were set up in 2 blocks –Left side for 1st Company Selected and Right Side for 2nd Company Selected

This also made it easier for anyone to see my workings and understand how things are formed!

Quick Tip:It is important to layout your calculations clearly! It not only becomes easier for you but also for anyone else to understand your model

Screen 2 – Overall Market

Setting up this screen was not complex apart from conditional formatting. There were 3 major things

1. 5 Pivot Tables for each year sortedin descending order (that will enable ranking)
2. Slicer for selecting any company and pivot table to store the value
3. Slicer for selecting any variable and pivot table to store the value.Note that the variable slicer wasconnected to all 5pivot tables

Screen 2 –Thetricky part, Conditional formatting

I applied 2 layersconditional formatting

1. Layer #1The selectedcompany should be highlight for all the years
2. Layer #2Icon sets should display the change from last year has been positive, negative or no change

Layer #1 – Conditional formatting for highlighting the Company

1. I wrote a simple formula to equate the company selected in the slicerwith the companies displayed
2. Where ever the result was true the format set was blue color

Layer #2 – Icons that display change from last year

Since icon sets do not accept relative cell referencing so I had to play a trick. I first wrote a formula to find out last year’s value for the selected company and selected variable. This was the formula is copied down in4 cells and pasted in eachcolumn containing values

Akey thing to note is that the below formula also accounts for 2 additional factors

1. If the user selects Profit–Green icon should be displayed when the profit is upfrom the last year and a red icon when the profit has dipped from last year
2. If the user selects any Cost Variable– Green icons when the cost has gone down from the last year and red icons when the cost has increased from last year

Then I appliedconditional formatting (icon sets)for each value separately andreferredtoeach cell containing the above formula

and that completed all the number crunching and setting up of the Dashboard! The next big thing was to format this beast and make it a beauty!

Wow..!! If you are still hanging around I would love to share with you anexplainer Video + Resources that I have put togetherfor you. I think you’ll love it

How did I format the Dashboard ?

Screen 1 – Headline Bar

1. I set up the headline bar in dark grey because I din’t want to overwhelm the dashboard with too many colors.
2. I used Red for highlighting the chart and Blue for Company slicer
3. Also in the past I have read manyreports from Bain & Coandthey use red with grey/black, so I knew that color combolooks pretty cool!

Screen 1 – Slicers for Companies

1. I spent a lot of timecustomising the look and feel of the slicers
2. Mostly removing the non essential elements and make them look seamless as if theyare apart of a web based report
3. If you want this same format
   1. Just copy and paste this slicer in your workbook
   2. You’ll find a new style created in slicer options
   3. Now apply thestyle on your existing slicer and delete this slicer! Done

[Related] –Learn to work with slicers

Screen 1 – Formatting Stacked Chart

1. I wanted the charts to look simple and clean
2. I included the vertical axis and not the data labels. Instead I highlighted the values (via conditional formatting) below
3. The years (horizontal axis) was put on the top so that it becomes common label for the chart and the values below

Screen 1 – Formatting Cost Variable Slicers, Values and Comments

1. Note a few things about Slicers
   1. Just to make sure that slicers look like clickable and yetNOTlook like buttons I gave a little stick at left side in red.It was a trial and error exercise but it did the trick
   2. Just to be more explicit I even wrote it on the top“Pick a Cost”
   3. Arranged the slicers accurately so that they look seamless and appear as spreadsheet values
2. FormattingValues
   1. I applied 2 layers of conditional formatting
      • Color the values in red forthe cost variable selected
      • If the total variable cost is select thenapply bold formatting on Power, Other, Variable Cost and Freight &F
   2. Other than that there was a slim border between each row
3. Formatting Comments– There no major formatting done here. These are just linked pictures

Screen 1 – Overall Formatting– I did some overall formatting to tighten & secure the dashboard and make it look compact

1. I protected the sheet (with no passwords)
2. All objects (lines, charts, boxes / shapes) were locked
3. The slicers were left unlocked, else clicking wouldn’t have happened
4. Thesheetname tab was removed
5. The headings (column and row number) were hidden
6. The formula bar was removed
7. The extra rows and columns were hidden

[Related]Hiding Options in Excel

Screen 2 – Headline Bar

1. The slicers on screen 2 were exactly the same as screen 1.
2. The 2 buttons interchanged appearances when clicked, which made it look like dynamic but technically it was justmoving from one sheet to another

Screen 2 – Slicers Formatting

1. Formatting of both slicerswere consistent
   1. Red for cost variables
   2. And Blue for Companies
2. A label was put up on the top, just to make things more explicit

Screen 2 – Formatting Years, Data and Legends

1. Formatting Years
   1. They wereslightly in a bigger font than the data
   2. And I placed slim separators in between
2. Formatting Data/Values
   1. Most of this formatting came from Conditional formatting as explained above
   2. I also left a column with a very narrow width in between eachyear as a separator
3. Formatting Legends
   1. The legends were pasted as a picture
   2. The legends also depicted 2 inferences (for cost and profit separately)

Screen 2 – Overall Formatting

1. I carried most of the formatting practices from screen 1
2. AdditionallyI also made sure that the total width of Screen 1 is equal to Screen 2

How much time did I spend in creating this Dashboard ?

1. Dashboard Pre-Work – Planning, Rough work and Mock Dashboard(1.5 Hour)
2. Number Crunching and Analysis –(2 Hours)
3. Formatting and Creating the look and feel –(2.5 hours)

I gave 3 sittings over3 days to finish this task 🙂 . You can also watch aquick video explaining the entire dashboard

Mistakes that could have been avoided

I found 2 mistakes that could have avoided.

1. The variables were static (hard coded)and they did not link back to the data. That could have been a problem or could have required additional work when
   1. The variables change completely
   2. More variable were added. In those cases the Dashboard was not capable of adapting to thechanges automatically
   3. It could have been solved by a formula (to extract uniques) or by power query.Thanks Abhayfor pointing that out 🙂
2. The Overall Market Sheet could have had some additional analysis on the overall trend or may be an infographic. The space utilisation was not optimum

With all that work put it, I finally closed the Dashboard and sent it to Chandoo! and it clicked 🙂

I have put together anExplainer Video + Some additional resourceson this Dashboard. I sure you’ll love them

Closing ..!

If you have any questions, please put them down in the comment below. I’ll be glad to answer as many as I can.

About the Author :Chandeep comes from the Investment Banking background and has been an avid excel user since last 6.5 years. He nowruns an excel/powerpoint blog (www.goodly.co.in) and does training workshops for companies in India on Excel, PowerPoint Presentations, BI Dashboards, Financial Modelling.

Added by Chandoo: Thank you Chandeep

Thank you Chandeep for such an insightful, detailed and awesome write up. I really enjoyed learning from this. I am sorry I took too much time to schedule this.

If you too liked this post and learned something from it, please say thanks to Chandeep.