Doing the NY times Olympic medals by country year visualization in excel

Share

Facebook
Twitter
LinkedIn

When I saw the Olympic medals won by each country by year infographic on nytimes my jaw almost dropped, go ahead see it and come back, I am sure you will love it too.

It is one of the coolest visualizations I have seen in the recent past and I see infographics all the time, its my passion.

So, I wanted to see if this infographic can be done in Excel, not pixel to pixel, but something close enough to pamper my ego. I was able to create something that looked like this:

olympic-medals-by-country-excel-chart

Download the Total Olympic medals won by each country since 1896 excel sheet and play with it.

If you want to know how this is done, read on 🙂

1. My first challenge is to get the Olympic medal data per country

Thankfully, Olympics site has the medal counts by country data for each of the 25 editions of the summer games, [click here for 1896] I have copy-pasted the data to my sheet.

2. Next challenge is to find average latitude, longitude for all countries in the world

Thankfully CIA World fact book has the exact data for each country in a table, another ctrl+c, ctrl+v and I have the data in my sheet. [slightly refined data can be found on maxmind as well]

3. Now, the data is not clean

Unfortunately the data copied from Olympics site and CIA fact book doesn’t match as country names were different (USA, United States, United States of America for eg.), country names kept changing (do you know that Australia was called as Australasia sometime back.. :D). So I had to do quite some clean up (mainly using vlookup, filtering unique items etc.)

Finally, I had the data in a tabular format, country names, latitude, longitude, total medals won in rows, Olympic years in columns (1896 to 2004, except 1916, 1940 and 1944 when the games were canceled)

I had to convert latitude and longitude to y and x co-ordinates respectively so that I can plot them on 2 dimensions. I used this logic to do it:

x=(180+longitude)*(map-width/360)
y=(90-latitude)*(map-height/180)

4. Add a scroll bar form control and use it to select the year from 25 Olympic years

This was the easy step. I selected Menu > View > Toolbars > Forms to show the forms toolbar and then inserted a scroll bar control to my sheet. Then I associated it with a cell my sheet and limited the values to change between 1 and 25 (each increment for one of the 25 Olympic years)

excel-forms-scroll-bar

Now, I have associated this scroll bar cell to fetch one Olympic years worth of data.

5. Create a bubble chart with the medal data

Now that I have the data in the format of x, y co-ordinates, medal count for each country for the selected year, I have created a bubble chart with this information, showing bubbles at each pair of (x,y) in the list.

6. Finally, show an outline map of the world in the background

excel-bubble-chart-Olympic-medal-count

The last step was easy, I searched for an outline map of the world and used it as my chart background, even though this is not part of the original NY Times infographic, it helps me in ensuring that the bubbles are indeed shown in the right places.

olympic-medals-bubble-chart-overlapOf course there are some differences between my infographic of Olympic medal count and that of NY Times’, mainly,

  • The bubbles overlap, but there is nothing I can do about it without writing additional logic. But as Nathan points out, non-overlapping bubbles may be slightly inaccurate.
  • The other is, color of bubbles doesn’t change based on the continent it belongs to. Well, this can be done by editing the bubble colors manually, so I gave up.
  • Finally, very few countries are omitted in this, mainly due to geopolitical changes, like Germanies getting united, Koreas getting separated, more countries becoming China :D, I did clean up 99% of the data, but there is always a troublesome country you never heard of.

Make sure you download and play with total Olympic medals won by each country since 1896 excel sheet

What do you think of this?

Also see: The art of excel charting – making ubercool dashboards
Junk the default charts, use this art grade templates instead
Did you fire a bullet graph today?

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.

33 Responses to “Show Months & Years in Charts without Cluttering”

  1. eladberko says:

    Very CooOOOoool 🙂

  2. JP says:

    Would it work if I merely change the display format for the dates, or do they actually need to be retyped in that format (Nov, Dec, etc)?

    ps- it's only about 34 donuts per month, or slightly more than 1 per day. Yum!

  3. Jon Peltier says:

    To make it work automatically when you create a chart, delete the labels above the Year and Month columns, but keep the label above the Y data (Donuts). The blank cells tell Excel that the first row and first two columns (indicated by the blanks) are special, so it uses the first row for series names an the first two columns for X axis labels.
     
    This is better than the other kind of donut chart, but you'll soon be carrying a big donut around your midsection.

  4. Erin Smith says:

    First off, thank you Chandoo for being respectful and taking out the "Jesus" comment. Not that I'd threaten to kill you, or start world-wide riots, or make you go into hiding if you didn't (as OTHERS would; wink, wink, nudge, nudge)... I just really appreciate your respectulness and consideration; so thank you. I was meaning to write you about it, but when I came to your site you'd already made the edit... so again, thank you!

    Secondly, I wanna say I think there's an easier way to do what you are demonstrating. I've got a pivot chart with months of data and all I had to do was right-click the x axis and then select "format axis", under "Axis Options" there's a check-box that says "Multi-level Category Labels". The chart I was able to do this on was a pivotchart however so maybe it wouldn't be that easy for a non-pivotchart.

    Anyway, love the site. Keep up the good work. Thanks also for being so open about your success, it's very encouraging and motivating.

    God (aka Jesus) Bless. 🙂

  5. Terry Dukes says:

    Hi Chandoo - great site! Another option to save space is to simply rotate the orientation of the text by 90 degrees, so the dates read vertical rather than horizontal. However, I like the elegance of your solution also.

  6. Kien Leong says:

    Hey Chandoo -- Great tip. Only yesterday I was working through some strange behaviour with formatting dates in PivotCharts. Seems the axes never want to cooperate. This is a neat and elegant solution I hadn't thought of using. May need to abandon pivotcharts to use formulas like that, but if we use dynamic named ranges, no big sacrifice.

    BTW, whatever did you do to get your site blocked in China? Never heard of regime change by a grass-root spreadsheet movement. Maybe your ISP is hosting some problem sites. Chandoo.org is certainly worth it for me to fire up the VPN, but I'm sure you would lose a lot of other visitors from the middle kingdom.

  7. Kapil says:

    Chandoo ... pls help.. the link is blocked over here... pls can you put the regular link... 🙂

  8. Chandoo says:

    @JP... Excel Axis formatting is linked to cell formatting by default. So you can just have the dates which are formatted to look like months (mmm).

    @Erin: It was not my intention to mock anyone's faith or religion. I just used the word as it is quite common. I decided to remove it as I got 2 emails from readers requesting for the same.

    Also, the pivot charts take pivot table groupings by default, so you need not do any of the above while making charts from pivot tables.

    @Kein: I am not sure why Chinese authorities decided to block my site. I wish they would actually look at the content instead of blocking sites based on simple text matching rules.

    @Kapil: The file is mirrored here: http://chandoo.org/img/d/date-axis-months-years-trick.xls

  9. Prateek says:

    Cool, really cool...

  10. SS says:

    Nice one Chandoo,

    Also would like to mention abt useful method while creating dynamic charts.

    In any chart where in the months keep on adding - instead of changing the range for the chart every time we add a month, we can actually format the months as dates (probably 1st of every month) still keep the format as "mmm" AND while selecting the data, we can select a huge rows (date column) once and for all, and the chart adjusts automatically with the data that we entered. So next month when I enter Dec's data, I need not change the source data of the chart, however it automatically adjusts.

    Hope I made sense.!

    Regards,
    SS

  11. Tom says:

    Thanks, Chandoo! This is a great tip - one that I will definitely put to use. I typically have an axis with mmm yy format, aligned vertically, but this will definitely look a bit cleaner (except in cases where the chart is too small for the axis labels to be displayed horizontally, even without the mmm yy on one line). Thanks again!

    Tom

  12. Josh says:

    Chandoo,
    Thank you for the posts you are very diligent not to mention very helpful. I would like to know how to get the separation lines on the axis? For example your candy sales chart has longer lines separating east and west how do you format that?

    Thanks for being very awesome!
    -Josh

  13. Alvaro says:

    Hi Chandoo, we can look the formulas because there is a message:"Unsupported features".
    Could you send a diferent Link ?
    Thanks.

  14. Matt says:

    @SS But what if you've got formulas in the data block (i.e where you would enter static data for the month of december)? My chart now shows #N/A #N/A in the axis with no data for all future dates.

    Chandoo, I've got a dynamic range set up showing #N/A errors for future dates. The MMM-DD date format format in row works fine, but when I use YYYY and MMM in two rows, the axis shows #N/A #N/A for all future dates with no data. How would you go about keeping those future months hidden?

  15. Jon Peltier says:

    Matt -

    In order for the axis to automatically extend to the dates within the range and ignore #N/A at the end, you need a date-scale axis, and for this you need to use one column with the complete date, not two columns with year and month.

    If you want to use two columns, you need to generate Names in the worksheet which define ranges only as long as the number of months. I have a review of dynamic chart approaches in http://peltiertech.com/WordPress/dynamic-chart-review/ and a whole category on my blog at http://peltiertech.com/WordPress/category/dynamic-charts/. Chandoo also has examples of his own on this site.

  16. Ethan says:

    How do you make a dynamic chart out of this?
    I can't get the axis labels range right.
    I tried something like this:
    =OFFSET(REPORT!$H$10:$I$10;0;0;COUNTA(REPORT!$H$10:$I$100);1)

    Any idea?

  17. Jon Peltier says:

    Ethan -
     
    Your offset formula defines a range 1 row in size, but the technique here requires 2 rows. Your definition should end with
     
    ;2)
     
    instead of
     
    ;1)

  18. Ethan says:

    Thanks Jon,
    Got it working now

  19. Neal says:

    Great! Now, is there any way to do this directly in Powerpoint? I don't like having linked excel files, so I create the graphs right inside Powerpoint, any way to do this there? I tried and was unsuccessful.

    Thanks.

  20. Joe says:

    Cool tip Chandoo......thanks

  21. [...] extract year and month from dates to avoid a mess in our stock chart. Chandoo has a great post: Show Months & Years in Charts without ClutteringIn cell B2:=YEAR(D2)In cell B3:=IF(YEAR(D3)=YEAR(D2), "", YEAR(D3))Cell C2:=IF(TEXT(D2, [...]

  22. Bilal says:

    Hi there,
    I have got a data ranging for 3 years. I want to show a chart which shows Jan of 2011, 2012 and 2013 together side by side; then Feb11, Feb12 and Feb13 side by side, then Mar11, Mar12 and Mar13, and so on until December.
    Please help. Thanks.

  23. Down With This Sort Of Thing says:

    Hi there

    Very good solution this. I have another question on it, though. How do you format the X-axis with monthly gaps (ie, with labels "Jan 2012", "Apr", "Jul", "Oct", "Jan 2013", "Mar", etc), when you're dealing with a data series with weekly or daily data points? The Axis Options dialogue box doesn't appear to offer "Date axis" as an option under the "Axis Type" section.

    I've managed to do it in one case with weekly data by setting the interval between tick marks at 13 -- the approximate number of weeks in a quarter -- to get 3-month intervals. But this wouldn't work if I wanted to show 1-month intervals, or had a more detailed daily data series to work with.

  24. Herro says:

    Any luck getting the dates to work on a scatter graph? I'm only getting numbers. Works fine on line graphs though.

  25. Apoorve says:

    How can we do the vice versa? i.e. on the x-axis showing year on the level 1, and months on level 2.
    I wanted to build these kind of axis labels for 5 years, with year on top and months at the bottom, but it should form in such a way that the seperating lines should seperate the entire data set only at December of each year, and no lines in between any month.

  26. Carlos says:

    Like!!
    Three times already today I have used this website and saved a ton of work time in researching excel tricks.

    Suggestion: Why not have a "like" or "this article was useful to me" button. That way you can see what is most useful by your users and maybe generate more content based on those "likes".

    Just saying. Thanks again and you're doing a great job!

  27. Haj says:

    Thanks for the tip. However, I couldn't download your file. The link is broken.

  28. JeteMc says:

    Thank You for taking the time to post this tip. I hope that you have a blessed day.

  29. Tom says:

    The link does not work properly and I'm not sure how to actually get the graph to display like this, its frustrating me a tonne. I cant work out what to google either to find an answer elsewhere! 🙁

  30. parag says:

    Is this possible with waterfall chart. Data hereunder -

    Years Abbrevation Amt

    2020 BEG 2,006
    REV 1,950
    EMP 1,058
    DM (3,244)
    OOE 1,078
    OPMT 182
    AB (638)
    END 2,392
    2021 REV 8,534
    EMP 67
    DM (2,142)
    OOE (3,120)
    OPMT 510
    AB 1,008
    END 7,249

Leave a Reply