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.

29 Responses to “You are invited [personal]”

  1. Umar says:

    Dear Sir,
    This is to just Wish the kids a Happy birthday in Advance.May Almighty bless them all strength,Success

  2. Nanda says:

    Dear Chandoo,

    My best wishes to your child.I had become regular visitor of your site and finally today it made me to post a comment...

  3. Best wishes from my end! Dont think it would be possible to personally come .. but my best wishes would always be there!! 🙂

  4. bill says:

    Chandoo, thank you for the kind invitation. I wish a special birthday day for your daughters, Nishanth & Nakshatra. Will you be serving "dudh pakh"?
    -bill

  5. Venus says:

    What a kind thought to invite us!
    I pray your family will be continually blessed.

  6. Jerryboy says:

    Thank you very much for the invitation, how I wish Philippines is just a Jeepney ride away from India. Best wishes for your baby girls and more blessings to come.

  7. Francis Chin says:

    Hi Chandoo,

    Thanks for the invitation ! You treat everyone that comes to your site as part of your family community. Me and my family wishes Nishanth & Nakshatra a very very happy birthday !!

    Though physically we cant be with you to celebrate the occasion, you know our blessing are with you !

    To be a father is not easy, furthermore you have to be a father to 2 kids !

    Francis
    Dad of 2 and 9 year old.

  8. Emma says:

    Hi Chandoo,
    It was very kind of you to invite us all along to the 'Extravaganza'. Like others that have commented here I too, am to far (Australia) to pop over for a piece of cake 🙂 Best wishes to you and your family on such a milestone.
    Emma
    (soon to be mum of 1!!!)

  9. Vijesh says:

    Dear Chandoo
    God bless Nishanth & Nakshatra. Wishing you and your family a very enjoyable first birthday party.
    (Father of a 9 month baby... wondering how you manage 2 !!! )

  10. Ninad Pradhan says:

    God bless the little ones. Have a blast.

  11. fred says:

    Hi Chandoo

    Happy birthday !
    Indeed children are a blessing and make our lives much more deeper.

  12. govi says:

    Wow! I wonder how that would look; all those Excel users partying with your cute kids!
    Enjoy the festivities and remember; they grow up really fast.

  13. Ram Kapoor says:

    Dear Chandoo,

    Thanks for your invitation!

    Please accept my wishes for Nishanth & Nakshatra, and a very very happy birthday to both of them.

    (Father of a 1 year old baby)

  14. Vijay says:

    Hi Chandoo,

    Thanks for the invitation. Wishing Nishanth and Nakshatra a very happy birthday and God bless all of you!

  15. Lynn says:

    Howdy Chandoo,
    Gosh, would love to attend the birthday party for your little blessings but I live in Dallas, TX. The children are beautiful. Thank you so much for the Excel information, tips, hints, special formulas, etc., you and your children are really a blessing. I look forward to your e-mails and check your web site frequently. Regards, Lynn

  16. Kalyan Verma says:

    Chandoo Garu,

    Your kids look adorable. Congratulations. My Aashirwaadam to both of them.

    Regards,
    Kalyan Verma

  17. Chandoo says:

    @all: Thank you every one for the wishes, blessings and prayers. We are very excited and busy with the birthday preps now. I will share a pic or two when its over... 🙂

  18. Nilesh Desai says:

    Wish you and your entire family all the blessings. May god provide your babies with all the love and charm in the entire universe.

  19. Helen says:

    Like Emma I am rather far away (South Africa), but best wishes to you and your family on this special occasion.
    (Mother of 7 and grandmother of 5)

  20. Rajatha says:

    Dear Chandoo,

    May God Bless your little ones with Good Health... Happy birthday to them from me... Wish i could be there but work doesn't permit me to travel 🙁

    And thanks again for treating all of us like your family

    Rajatha

  21. saurabh says:

    Sir.

    God bless the two little angels with all the happiness in the world.....

  22. Penny Bradley says:

    Wishing Nishanth and Nakshatra a very happy first birthday. My youngest has just turned 18, and I wish you and your family every happiness in the exciting journey ahead.

  23. Julien G says:

    Hi Chandoo,

    I'm reading your blog for more than a year now, and i'm very pleased by this invitation.
    I wish a very special Happy Birthday to the 2 little ones from Mauritius Island.

    If, for any reason, you are coming on the island in the future, feel free to drop me a mail.

    Have a nice party, and a nice year to come with Nishanth and Nakshatra.

  24. John Franco says:

    Happy birthday!

    Your babies are beautiful!

    This year is not possible for us to attend. My family will be there for your next family party.

    Enjoy the cake and dinner

  25. Pankaj Kumar says:

    May God Bless your little ones with Good Health… Happy birthday to them from me....I am also the father my little daughter named akanksha, she is 2.5 yrs old,,,,but i am unemployed 2 yrs ,,i know when u become a dad u r many hopes.

  26. V S Venkatraman says:

    Guru

    My belated wishes for your kids... I feel sorry for having missed them to wish to the right time.... May almighty shower all his blessings on your family.....

    With regards

  27. Gene Magerr says:

    Chandoo,

    Congratulations. Please give you children a big Happy Birthday (one day late) from me. Enjoy, they grow up very fast

    Gene

  28. Chandoo says:

    @all.. thanks for the wishes and blessings. We had a fantastic weekend with all the relatives, friends. Kids loved the cake, enjoyed the beach and had fun playing with gifts. Here are some photos..

    birthday-morningkids-at-beach

  29. Mick C says:

    Chandoo & family - greetings from Ireland, hope you enjoyed the day!

Leave a Reply