Interactive Dashboard in Excel using Hyperlinks

Last week we learned how to create dynamic hyperlinks in Excel. Today, I want to show you something even cooler. An interactive dashboard based on hyperlinks, like this:

Interactive Dashboard in Excel - Demo

Isn’t it impressive?

Well, to create something like this, you don’t need a degree in advanced cryogenics. You just need a bunch of data, a chart, a one line macro code and some pixie dust (go easy on pixie dust).

5 Step Tutorial to Create Interactive Dashboard using Hyperlinks

Step1: Setup your data

It is no wonder that any good chart or dashboard exercise must begin with data setup. So, the first thing we need to do is, to set up our data.
If you observe carefully, you will realize that we just have one chart and we are changing the chart’s source data based on which option user selected.

So, assuming you have 4 series of data – sales, expenses, profits & number of customers, we will add fifth series. This will always show data for the series that user selected. Like this,

Data setup for Interactive Dashboard in Excel

Lets call the series name in fifth column as “valSelOption“. Lets assume that we will use some sort of magic to change the series name.

Note: Using this series name, we can fetch the position of the series out of 4 with MATCH formula. Once you know the position, You can fetch corresponding values using INDEX() formula.

Step 2: Create a chart from the series 5

This is very simple. Just create a chart from the data in 5th column as above. You can format this as you want.

Step 3: Create the dashboard area

This is a bit tricky, but easy too. Just set up 4 column area (since we have 4 charts) such that you can place your chart and mouse-over cells for selection. like this,

Interactive Dashboard Sketch - Marking the areas where user would hover

Step 4: Create Roll-over effect

Now comes the magical part. We need a simple macro or UDF to change the series based on where user pointed the mouse.

But how to activate that UDF on mouse rollover?

This is where we can use Hyperlinks.

Do you know that you can use a UDF as source for hyperlink.
Just like we can write =HYPERLINK(“http://chandoo.org/”,”Click here”)
we can also write =HYPERLINK(myFunction(),”Click here”)

And Excel would run your function when user clicks on the link.
But, there is more to it.
Excel would also run the function, when you place your mouse on the link. No need to click!

But, seasoned VBA programmers would know that Functions are not allowed to change values in other cells or format them. Well, that restriction does not apply if you use a function from Hyperlink!!!

So, we would write a one line function – highlightSeries(seriesName as Range) and put this code in there.

Public Function highlightSeries(seriesName As Range)
Range(“valSelOption”) = seriesName.Value
End Function

This function would take the series name as a variable and assigns it to named range valSelOption. As the valSelOption changes, so does the data for our chart and then we get new chart.

Now, we just write this hyperlink formula in all the 4 cells, like this:

(Assuming the series names in B3:E3)

=IFERROR(HYPERLINK(highlightSeries(B3)),"6")

Why this formula works?

  • While using a UDF inside HYPERLINK() works the trick, Excel would also throw up a #VALUE! error. To fix it, we use the IFERROR()
  • The number 6 is the down-arrow symbol in webdings font
  • So, change the cell’s font to webdings!

Now, drag this formula sideways to fill in all 4 cells.

Note: Word-wrap the hyperlink cells so that the link works when you hover anywhere on the cell, not just the down-arrow symbol.

Step 5: Add Conditional Formatting to highlight selected series’ name etc.

This is optional, but just as awesome. Once you add conditional formatting, the dashboard feels slick and interactive.

That is all. Your interactive dashboard is ready.

Download the Example Workbook

Click here to download the interactive dashboard workbook and play with it. Examine the technique, formulas and UDF code to see how it is weaved together.

Special Thanks to Jordan:

Many thanks to Jordan, who blogged about this technique on his OptionExplicit VBA blog. He reviewed my file and gave me few suggestions too. He made an interactive snake application using this technique. You can download that file from here.

How do you like this technique?

I like the possibilities of this technique. However, it is also a bit tricky to explain. So I will use it with caution. (Also, I am not sure if this would slow down Excel, but in my experience it did not)

What about you? Do you like this idea? Are you going to experiment with it? Please tell me how you are planning to use it thru comments.

More techniques for Dashboard Makers & Analysts

If you work with Dashboards or data analysis, then you are at the right place. We have a wealth of information, tutorials, examples & ideas for you. Please check out a few below:

Facebook
Twitter
LinkedIn

Share this tip with your colleagues

Excel and Power BI tips - Chandoo.org Newsletter

Get FREE Excel + Power BI Tips

Simple, fun and useful emails, once per week.

Learn & be awesome.

Welcome to Chandoo.org

Thank you so much for visiting. My aim is to make you awesome in Excel & Power BI. I do this by sharing videos, tips, examples and downloads on this website. There are more than 1,000 pages with all things Excel, Power BI, Dashboards & VBA here. Go ahead and spend few minutes to be AWESOME.

Read my storyFREE Excel tips book

Overall I learned a lot and I thought you did a great job of explaining how to do things. This will definitely elevate my reporting in the future.
Rebekah S
Reporting Analyst
Excel formula list - 100+ examples and howto guide for you

From simple to complex, there is a formula for every occasion. Check out the list now.

Calendars, invoices, trackers and much more. All free, fun and fantastic.

Advanced Pivot Table tricks

Power Query, Data model, DAX, Filters, Slicers, Conditional formats and beautiful charts. It's all here.

Still on fence about Power BI? In this getting started guide, learn what is Power BI, how to get it and how to create your first report from scratch.

54 Responses

  1. Hi Chandoo,
    This is awesome *****

    Found 6, just one remaining, and I think it should be in sheet2, as I found 1 in each sheet but didn’t found anything in sheet2 (till yet, I am keep looking).

    Very cleaver and amazing work, enjoyed a lot…
    Thanks Chandoo for this beautiful work.

    Wish you have great time at Hyderabad.

    Regards,

    Khalid

  2. Oh I found the last one, (custom format hmm)

    Truly Amazing and the beauty of this forum.

    You are an Artist Chandoo.

  3. Hi Chandoo,

    Wow, you really have magical skills. I am in office and this sheet ate up an hour of my time….didn’t expect that.

    I could find 5 of the 7 pandas. Didn’t know one could hide so much data in innocent looking excel sheets.

    Thanks!
    -Ranjith

  4. This was very fun and challenging, thanks for posting! I found all of them (well, Sheet1 was tricky, it seems you’re supposed to find the cell and type it in yourself?). Wasn’t sure if it was cool to post the answers here or not, though. Guess I’ll post SPOILER ALERTS so you can skip the rest of the message if you don’t want to see what I came up with.

    SPOILER! SPOILER! SPOILER!
    My answers appear below.

    Sheet1: type PANDA in cell PAN3489
    Sheet2: cell AB201
    Sheet3: cell J8 (Picture1)
    Sheet4: cell H9
    Sheet5: expand Chart1
    Sheet6: formula = “=MID(ADDRESS(9,2^3*23*59,4),1,3)&BIN2HEX(11011010)”
    Sheet7: named range (A1:I18)

    1. Wookie – I would love to get a walkthrough of HOW you figured out sheet 1 and a bit of a formula walkthrough for Sheet 6.

      Basically, I don’t know how I could have found that particular cell input message on Sheet 1.

      And I have no clue about the BIN2HEX part of the formula…before your hint I was able to get the output to read AN9DA. The change to MID and the addition of that ‘,1’ changed it to PANDA…

      1. Hi Rachel,

        To get to the cell in sheet 1 you can press: ctrl G. Then special and then data validation: all. This is also the way to find panda in sheet 7 😉

    2. I agree, this was a fun way to test your ability to navigate through the functionality of Excel! And since you already posted the SPOILER ALERT warning, I should be safe posting a reply to your comment with some solutions of my own… 🙂

      I found all the same solutions you did with a few minor changes:
      Sheet1: If you notice, cell PAN3489 has Custom formatting. You don’t have to type “PANDA”, just the number 1.
      Sheet6: The MID function works as you described, but you can also simply change the RIGHT function to the LEFT function without having to add in the start and end positions for MID.
      Sheet7: Yes, the range name for these cells is called PANDA, but you don’t see the actual word in the sheet unless you change the Zoom setting to 39% or less (hence the clue “Z” 39%).

      Thanks again for a great post, Chandoo!!

    3. I must admit sheet 7 defeated me, but I have some corrections

      Sheet 1 – you type =LEFT(ADDRESS(ROW(),COLUMN(),2),3)&DEC2HEX(ROW())
      in PAN3489 to get “PANDA1”. As it is the first panda. I think panda1 is appropriate, but maybe
      =LEFT(ADDRESS(ROW(),COLUMN(),2),3)&LEFT(DEC2HEX(ROW()),2)
      is better, because it leaves you with “PANDA”
      Sheet 6 – I corrected to
      =LEFT(ADDRESS(9,2^3*23*59,4),3)&BIN2HEX(11011010)
      Picky I know, but who uses mid when a right or a left will do?

      1. I know; that was weird. I did try using a LEFT formula, but I kept getting the $ prefix from the cell address. So I tried a couple of variations using MID and it gave me the result I needed. This is actually the first time I’ve ever tried using a MID formula starting at the first character, but I wasn’t trying to spend a lot of time on it, so I went with what worked.

  5. —–Spoilers———

    Alternate Solutions

    1) Type “1” (not the quotes) in PAN3489 and Excel will turn “1” into “PANDA”

    6) The formula Wookie lists also works with LEFT in place of MID

    Lot of fun. Solve time ~20 mins.

    1. @ Rob
      How this 1 turns to PANDA .. means How this is done by excel any formula or something in VBA

      Also how to reach cell PAN3489 .. there are no clues given on sheet 1

      1. @ Navdeep I found PAN3489 by going to “Formulas” and then “Name Manager” and saw there was a field called “Clue1” listed in the Name Manger that references 3489. Finding PAN as the column index was just a bit of a lucky guess through trial and error. Then a note in cell PAN3489 when you navigate there says to try “typing something.” I tried scrolling through the Format Cells menu to see if the text typed in the cell needed to be formatted a certain way, and noticed that “1= Panda” was listed in the custom text menu and tried it. A bit brute force, but I think the desired text entry.

  6. Sheet 1: The answer is not type in Panda. Type 1. There’s a special formatting that replaces 1 with Panda.

    Sheet 6: Just replace right with left, don’t worry about changing the numbers.

    Sheet 7: I found the named range, but don’t know what the Z 39% means. Thoughts?

  7. WOW! I’ve just found the secret eighth PANDA!
    Truly awesome!!!
    Am I the first one who figured that out, guys?

    Btw, thanks for the puzzle!

  8. It was truly a artists work
    chandoo you are grate
    all sheets are deigned different from each other

    @Wookiee: you have a good for others by posting the answers, Thank you too

  9. Guys I Got 8 PANDA in the workbook… 🙂
    [Look Chandoo has against played great trick by reserving one more ester egg, but we are also fan of none other than Chandoo, who can get hold of hidden 8th (untold) ester egg]

    Here is the full list:
    1) Sheet1: Type 1 in Cell PAN3489
    2) Sheet2: Goto Cell AB201
    3) Sheet3: Check the picture located above cell J8
    4) Sheet4: Goto Cell H8
    5) Sheet5: Cells, viz., A4, A10, A16, A21, A29 have all alphabets of PANDA
    6) Sheet5: Resize the chart to see PANDA
    7) Sheet6: Correct the formula as LEFT(ADDRESS(9,2^3*23*59,4),3)&BIN2HEX(11011010)
    8) Sheet7: Range A1:I18 is named as PANDA

    1. 1) Sheet1: Type 1 in Cell PAN3489
      2) Sheet2: Goto Cell AB201
      3) Sheet3: Check the picture in the cell J8
      4) Sheet4: Goto Cell H9
      5) Sheet5: Resize the chart to see PANDA
      6) Sheet6: Correct the formula as LEFT(ADDRESS(9,2^3*23*59,4),3)&BIN2HEX(11011010)
      7) Sheet7: Range A1:I18 is named as PANDA

    2. Actually, for sheet7, if you set the zoom to 39% or less, you will see the word PANDA. Yet another PANDA! 🙂

  10. Hi,
    i want to know how to manage bill wise manage vendor invoice and payment in excel please suggest.

    Thanks,
    Ram

  11. Hi Chandoo!

    You rock with these amazing skills!

    Sheet 1: ??
    Sheet 2: ??
    Sheet 3: Cell J8
    Sheet 4: Cell H9
    Sheet 5: A4, A10, A16, A21, A29
    Sheet 6: B2
    Sheet 7: ???

  12. I love this time of year and look forward to Chandoo’s egg hunts. Whilst I got all the pandas, I do not understand how sheet 7 works; Where is the source data and why does it only work when zoomed out to 39% or more?

      1. Ha ha, that’s fantastic. Thanks Hui. @Chandoo, thanks for yet another method to decrypt worksheets in order to re-build or explain them better to clients.

  13. These were fantastic and kept me intrigued until I could finish them. (Had to look here for help with Sheet1!) Definitely learning a lot about some new formulas. Awesome, Chandoo!

  14. Ok, just saw the notes on the Zoom 39% on Sheet 7. Can someone explain what’s happening here and why PANDA shows up at that level?

  15. Wow, great exercise.
    Tried and solved 5 out of seven and other two solved incorrectly (1 & 6).
    Thanks 🙂

  16. Wow.. Awesome set of puzzles Chandoo!!

    Am now trying to figure out how sheet 7 was prepared.. 39% Zoom setting logic.. Can someone help me with a hint?

    Thanks!

    1. Looks like this is an XL feature.. Zooming out the worksheets below 40% level, by default displays all named ranges (more than 2 cells)! Had not come across this till date..

  17. Great works! Was having FUN in finding the pandas. Thanks.

    btw, I used one basic function (Find, CTRL+F) to find 2 pandas. Simply Find “Panda” within “Workbook”… To my surprise, seems no one mentioned that in the process.

    On other other hand, Selection and Visibility Pane is a handy tool to see if there is “extra” shapes for locating pandas hidden in chart/picture.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.