Shading an area chart with different colors for up & down movements [case study]

Share

Facebook
Twitter
LinkedIn

We all know that area charts are great for understanding how a list of values have changed over time. Today, let’s learn how to create an area chart that shows different colors for upward & downward movements.

The inspiration for this came from a recent chart published in Wall Street Journal about Chinese stock markets (shown below).

wsj-chinese-stock-market-chart

We will try to create a similar chart using Excel.

This is what we are going to come up with.

indian-stock-market-chart

Looks interesting? Read on…

Creating an area chart with different colors for up & down slopes

Step 1. Gather the data

For our example, let’s use Indian stock market data for last 10 years. Specifically, BSE Sensex weekly closing prices between 1-July-2005 and 27-July-2015.

raw-data-shaded-area-chart

There are 3 columns in this data – Date, Closing price & Volume, as shown below. Let’s say all of this data is in a tabled named data that starts at cell B6.

Step 2. Find out when to switch colors

The next step is to find out when to switch colors.

We can add 3 additional columns to our data to spot the switches, and split data to Advances & Declines accordingly.

Here is what we get.

calculations-explained-shading-area-chart-by-direction

Detecting when a switch occurs:

When looking at closing price for a day, we need to know if the line direction has changed or not. To detect this, we can use a formula like this:

Assuming the closing price we are looking at is in cell C7,

=C7<>MEDIAN(C6:C8) will tell us if the value in C7 is switching the trend or not.

Why does this formula work? Think again. For more on this technique, refer to BETWEEN Formula in Excel.

Step 3. Expanding the data so that we can create an area chart

If we create an area chart with just the data from above step (only advances & declines columns), we end up with a chart that looks like this.

area-chart-with-different-colors-for-up-and-down-slopes

As you can see, the green & red areas (advancing & declining data) have tiny white space between them.

This is because, when we switch from green to red, the green series goes from peak to 0 and simultaneously, red series goes from 0 to peak, creating an effect like below (chart made from sub-set of data)

area-chart-with-different-shades-wrong

To create correct shading effect, we need to expand the data so that on dates when switching happens, there is a duplicate row.

See below illustration to understand what we need.

expaned-data-explained

Writing formulas to expand data

We can use simple arithmetic along with healthy dose of INDEX formulas to create expanded data set. Can you figure out the formulas yourself as homework?

Please examine the downloadable workbook to understand these formulas more.

After expanding the data, the same area chart looks like this:

area-chart-with-different-shades-correct

Step 4. Create area chart from expanded dataset

Select the expanded advances & declines columns and create an area chart from them. Make sure horizontal axis labels are pointing to the expanded date column we constructed in step 3.

Your chart is ready now.

We can add few more bells and whistles to it and come up with below output.

indian-stock-market-chart

Download Area Chart with different colors for up & down slopes workbook

Please click here to download area chart with different colors workbook. Play with the chart & formulas to learn more.

How do you like area chart with different shades?

I think this is a powerful technique to quickly eye-ball data and see where directional changes are occurring, what patterns (if any) are they following etc.

If you observe carefully, our Excel version and WSJ’s charts differ in one key aspect. In WSJ chart, they are shading bull & bear markets where overall trend is upwards or downwards with minor changes during the market period. What formula / approach changes do you think are necessary to make exact replica of WSJ chart in Excel?

Also, do share your feedback about this chart and how you are planning to reuse the concepts at your work.

Addendum – Moving average based smoothing of trends

We can use simple moving averages to smooth the trends so that we can spot upward / downward movements better.
Here is an example chart.

shading-area-chart-with-up-and-down-colors-moving-average-smoothing

You may download this workbook to examine the formulas & chart.

Charts to show change over time

Understanding change is a key component of any analysis. Check out below charting techniques & tutorials to learn few more valuable skills.

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.

15 Responses to “Compare 2 Lists Visually and Highlight Matches”

  1. Nunes says:

    Hi,
    I solved this in a little different way.

    We have 2 lists, one starts at A1 and other at B1, both are vertical arrays.

    First thing is define 2 named ranges, list1 and list2:
    list1 refers to "=OFFSET(Sheet1!$A$1;0;0;SUMPRODUCT(--(Sheet1!$A$1:$A$1000""));1)"
    list2 refers to "=OFFSET(Sheet1!$A$1;0;0;SUMPRODUCT(--(Sheet1!$B$1:$B$1000""));1)"

    this way lists will be dynamically sized when you had or remove elements (you can't have blanks and you can't have more than 1000 elements).

    Then I use conditional formatting in column A when this formula is true:
    "=NOT(ISERROR(MATCH(A1;list2;0)))"
    and "=NOT(ISERROR(MATCH(B1;list1;0)))" to list2.

    This way we eliminate the need for auxiliary columns or lists.

    Hope you like my way! 😀

    Nunes

  2. glw says:

    Simple conditional formatting formula.
    Assuming lists vertical lists starting in A1 & B1
    To highlight just one column (assume B for example)
    Conditional formatting>New Rule>by formula
    =MATCH(B1,$A$1:$A$99,0)
    Set the cell fill to what ever color you prefer & press OK

    To highlight both columns repeat with this formula for cell in column A
    =MATCH(A1,$B$1:$B$99,0)

    This approach doesn't require named fields or addtl columns
    glw

  3. Alan says:

    Say I had 1 list in A2:A20 and another in B2:B20.

    To format all the items in column A that are repeated in column B I would use the following Conditional Formatting rule.

    =IF(ISNA(VLOOKUP(A2,$B$2:$B$20,1,false)),true,false)

    All the duplicates are highlighted. It us a very simple example of comparison.

  4. Lee says:

    I may be missing something here, but I usually highlight both my lists by holding ctrl eg A1:A20 E10:E40 then choose conditional formatting from the ribbon and then highlight duplicates, and this does it?

  5. Greg says:

    Lee, I was perplexed as well. I do the same thing you do with the conditional formating. A drag and click to highlight range and choose highlight duplicates does the trick for me.

  6. Alan says:

    I believe these methods are to check if an item from one list also appears in the other list. So if an item mentioned many times in one list if also mentioned in the other list or not.

    The Conditional Formatting highlight duplicates feature will do this, but it will also highlight an item if it appears multiple times in the one column or list.

  7. i48998 says:

    Hi, I would just like to know (if you are willing to share) which image editing program you use to make your image like above, like they are torn apart from bottom? I've been looking for long.

  8. Hui... says:

    @i48998
    Chandoo is on Holidays, but Chandoo uses Paint.Net
    Paint.net is a free download available at http://www.paint.net/
    .
    I use CorelDraw/PhotoPaint
    .
    We both use the Snipping Tool (a freebe with Win Vista/10)
    .
    We both use Camtasia for doing screen captures to make animated GIFs where you see animation.

  9. Rick says:

    Here is how I would accomplish
    (1) Define Names: List_1, List_2
    (2) =ISNA(MATCH(D4,List_2,0))-1 (Conditional Format formula List_1)
    (3) =ISNA(MATCH(D4,List_1,0))-1 (Conditional Format formula List_2)

    ISNA will return 1 if NO Match and O if Match by adding a -1 will make: NO Match 0 and Match a -1 which is True

  10. Hi all
    this my first Post here
    i think we can take Unique List for tow list to know what is not Duplicate By this Array formula
    =IFERROR(INDEX($D$6:$D$33,SMALL(IF(ISERROR(MATCH($D$6:$D$33,$B$6:$B$33,0)),ROW($D$6:$D$33)-ROW($D$6)+1),ROWS($J$5:J5))),"")
    and this one for Duplicate Value
    =IFERROR(INDEX($D$6:$D$33,SMALL(IF(ISNUMBER(MATCH($D$6:$D$33,$B$6:$B$33,0)),ROW($D$6:$D$33)-ROW($D$6)+1),ROWS($J$5:J5))),"")

    Don't forget to Enter This Formula by Pressing Ctrl+Shift+Enter

  11. Excel Addin says:

    without wanting to ruthlessly self promote here, I do have an addin that does neatly compare two ranges, not just in columns, so you might want to check that out.

    Having said that this is a pretty neat solution if you dont want to be going down the VBA or purchase route. I like it

    however, could you not do something with the remove duplicates feature in Excel 2010 and then compare the resulting data set?

  12. SirJB7 says:

    Hi, Chandoo! I've found yesterday your Excel website... What can I say? It's just awesome, Excellent. Being a developer for 30 years, more than 15 with Office products, and wow!, how many things I discovered in a couple of hours, and what pretty resolved.
    I decided to take the long path of the newbies and read all your examples and write down by myself all of them, and when I arrived to this (the comparison of two lists) I think I've found a problem:
    a) in "Step 4: Apply conditional formatting to Second List - Use the same logic, but this time the rule becomes =COUNTIF(count1s,$H6)" it should say "Step 4: Apply conditional formatting to Second List - Use the same logic, but this time the rule becomes =COUNTIF(count1s,$H6)>0", but this is a typing error that I believe all of us here might have discovered and corrected
    b) the very problem: I wrote down two different lists, in different ranges, and with different number of elements, I specified the equivalent conditional formats, et non voilá!, I didn't get what expected. So I downloaded your example book, I checked range names, formulaes, conditional formats and all OK. So I copied -just values- from my book to yours, and I still couldn't achieve the goal.
    I'm using Excel 2010 in spanish, I'm from Buenos Aires (Argentina), and my book is at your disposition whenever you considerate it appropiate.
    Thanks in advance for your time, and again my congratulations for your work here.
    Best regards.
    SirJB7

  13. SirJB7 says:

    Comparison of 2 lists visually with highlights
    Author: SirJB7 / Date: 11-Dic-2011
    Pros: no duplicated tables, no matrix formulaes, no named ranges, no VBA code, just conditional formatting
    Cons: not found yet, comments and observations welcome
    Features:
    a) standard problem: highlights in orange/yellow elements existing in the other list
    b) optimized problem: idem a) plus highlights in red/violet first occurrence of elements existing in the other list
    Sheet contents:
    a) conditional format, 1 rule per list (2 methods used)
    A1:A20, first list
    B1:B20, second list
    a1) range A1:A20, condition =NO(ESERROR(BUSCARV(A1;B$1:B$20;1;FALSO))), format Orange ---> in english: =NOT(ISERROR(VLOOKUP(A1,B$1:B$20,1,FALSE)))
    a2) range B1:B20, condition =CONTAR.SI(A$1:A$20;B1)>0, format Yellow ---> in english: =COUNTIF(A$1:A$20,B1)>0
    b) conditional format, 2 rules per list (2 methods used)
    D1:D20, first list
    E1:E20, second list
    b1) range E1:E20, condition 1 =Y(NO(ESERROR(BUSCARV(D1;E$1:E$20;1;FALSO)));COINCIDIR(D1;D$1:D$20;0)=FILA(D1)), format Red ---> in english: =AND(NOT(ISERROR(VLOOKUP(D1,E$1:E$20,1,FALSE))),MATCH(D1,D$1:D$20,0)=ROW(D1))
    same range, condition 2 and format 2, same as a1)
    b2) range E1:E20, condition =Y(CONTAR.SI(D$1:D$20;E1)>0;COINCIDIR(E1;E$1:E$20;0)=FILA(E1)), format Violet ---> in english: =AND(COUNTIF(D$1:D$20,E1)>0,MATCH(E1,E$1:E$20,0)=ROW(E1))
    same range, condition 2 and format 2, same as a2)
    Personally I like the a2) and b2) solutions, I think the formulaes are prettier.
    I still don't know the rules of this website and forum, but it any precept is infringed I'm willing to share the workbook with the solution. If it breaks a rule, I apologize and promise that won't happen again.
    Best regards for all!

  14. sunil says:

    Dear All i have a complicated situation...

    1. I have two sheets of data Sheet1 and Sheet2 (from various sources) - Both of these contain data matching and Not matching as well..

    2. Now for me i need to build an excel where in i need to get sheet 3 with values that are present in a column of Sheet 1.

    What ever Sheet 1 doesn't have i dont want those rows from sheet 2 to be populated into Sheet3.

    Can any one help me out.

  15. Jagdev says:

    Hi Team

    The above example is to compare partial name from 2 different columns.

    If I want to cross check it in a single column. I have both correct and partial correct/match entries in a column. Is there any way I can find both the entries in the column.

    Regards

Leave a Reply