Few days ago, we learned how to create a pie+donut combination chart to visualize polls around the world in 2014. It generated quite a bit of interesting discussion (47 comments so far). One of the comments was from Roberto, who along with Kris & Gábor runs The FrankensTeam an online library of advanced Excel tricks, charts and other mind-boggling spreadsheet wizardry.
I really liked Roberto’s comments on the original post and a charting solution he presented. So I asked him if he can do a guest post explaining the technique to our audience. He obliged and here we go.
Over to FrankensTeam.
Combine pie and xy scatter charts – guest post by The FrankensTeam
Fraü Blucher: I am Fraü Blucher. [horses whinny]
Igor: Steady.
Freddy: Uh, how do you do? I am Dr. Fronkensteen. This is my assistant. Inga, may I present Fraü Blucher. [horses whinny] I wonder what’s got into them.
First of all, we would like to say thank you to Chandoo for asking us to explain how to make this kind of chart.
Recently we have seen an interesting pie-based plot chart by Chandoo. Our proposed version combines 3 different chart types based on some background calculations. The final model is dynamic, you can add more data, and you have the choice to use 1D or 2D data table. All the calculations are prepared on the sheets up to 10 categories. In this guest post we would like to share our template file and show you some of our charting technique.
As an extra, at the end of the post you can find a link to our VBA code which could be used to rotate the chart labels.
Building blocks of the vote-chart
We combined 3 chart types:
- donut chart (two series)
- Outer grey slices
- Inner grey slices with month names
- pie chart (one series)
- Invisible data for placing country labels
- xy scatter chart (three series)
- Brown dots – Legislative
- Blue dots – President
- Orange dots – Referendum
Doughnut series
The two series: month_label and month serve to create the gray ring for the months.
The labels in a doughnut chart are always positioned at the center. By using two series (so two rings) and eliminating the border lines, the two rings seem to be one, but the labels can be positioned at the bottom by adding it to the innermost ring. The reason why we use two rings instead of moving the labels manually is very simple: this way the labels will always stay at the same position, even if you resize the chart. Also it is easier than manually adjust the label boxes.
The month names are linked to the labels from cells (you can see it on the formula bar if you click on one label) because only one axis label could be assigned to the chart, and we use it for the country names (those are more… :-))
XY scatter series
Scatter series are used to arrange the colored dots on the outer ring. This is a main difference from Chandoo’s version. We use 3 series to separate the three different vote categories: presidential, legislative and referendum, and to position the dots of the same country in radial direction as you can see on the original chart. The 3 series form 3 big circles with different radius: legislative is the outermost, referendum is the innermost, but we move the points from the inner circles to the outer, if there is no “higher” vote-type.
Naturally it is possible to adjust the size and shape of the indicators.
We will show you later how to calculate the scatter point positions. (Maybe at first sight it seems to be difficult but you will see it is easy to arrange them properly.)
Our file is prepared to handle more vote-types (or other categories). You will only need to add the new series to the chart!
Pie series
Pie chart is used to position and show labels with the names of the states. The chart itself is hidden (we set to no color and no line) so only the labels are visible.
The number of slices of the pie is determined by the maximum number of countries per month – it needs to be multiplied by 12. All the slices are sized equally and all has a label, but only the ones that we need will have the name of the state, for the rest, the label is an empty string “”.
Formulas behind the chart
For better understanding we separated the data and the support formulas to two sheets. We prepared the file to be able to work with two different types of data table.
You may have the type of vote in one column (1D):
Using some formulas, this table could easily be re-ordered to a pivot-table-like 2D format. This is what you can see in our file on sheet Transpose_data:
This table is the starting point to build up the help data for the charts.
You can find all the calculations on Support sheet. A key element of calculations is the total number of slices for the pie chart. We need to determine the maximum number of countries per month – this will be the number of slices for each month. We use a named formula: max_size_month for this data (here we adapted Chandoo’s MODE-based formula).
The total number of slices will be 12*max_size_month.
The second step is to determine the slice number for each country, and based on that, calculate the the slice angle in radians. If you think about trigonometry, you will remember that sine and cosine together with radius determines the x and y coordinates of the circle points.
We created a calculation table with the necessary formulas. This table is dynamic and prepared to process more data rows and more vote (or other) categories.
The dots are positioned on 3 circles. We use a fixed parameter in a name: circle_distance to set the radiuses of the circles.
We use a support range for both text labels: country names and month. For month names we avoid to use TEXT function with string parameter “mmm” because in non-english systems it will not work! Instead we use Custom cell formatting with code “mmm” – this kind of formatting is translated automatically to locals.
For country names we set the country to the same pie-slice where the dots are, all the rest will have an empty string as label. The column with country name formula will be assigned to the category axis of the chart, but the month names will be linked to the doughnut-series labels one by one, because it is not possible to set two different axis labels. 🙁
How to put it together?
- Select the Legislative x and Legislative y columns, and create a scatter chart.
- Add two more series using the President x and y and Referendum x and y columns.
- Set the axis minimum to -1 maximum to +1 for both of the axes.
- Delete the axes and the grid lines. You can see something like this:
The dots do not form a circle yet, but after you add the pie chart, the shape of the plot area will be a perfect square, so the circle will appear. - Add a new series named for_label using arr_pie both for x and y values:
- Set the chart type of this series to pie and set no fill, no border. Now the dots form perfect circle.
- Link the category axis for this data series to the support column with Label States. (In the Select Data dialogue box click on the “for_label” series, then the Edit button. Select the range from the sheet.)
- Add labels to the pie slices. Set it to show Category name and position Outside end.
- Add two more series (month and month_label) using arr_12 for the values.
- Set the chart type of these two series to doughnut, and set no borders. Color every second slice to darker gray.
- Add data labels for the inner circle, and link the labels one by one to the sheet cells with month names. (Select one label, click on the formula bar, type = and click on the appropriate cell you want to link the label to.)
- Finally you have to hide the 0 data points which appear in the middle of the chart. Add a new xy data series (named “white series”) with fixed values ={0} for x and y. Set a marker of series to the same color as the background of your chart, and use a marker large enough to cover the unnecessary point. 🙂
+1. You can add new xy series if you need – the calculations are already done on the sheets. It is not problem to use over-sized ranges, the error values will become 0 and will appear in the center of the circle – covered by the white series. BUT important for the proper covering, the white series must be the very-last series, so after adding new series, check the order, and move the white series to the bottom of the list.
Bonus: rotate the chart labels using VBA
As you can see on the above picture all the labels are horizontal. To rotate it to radial direction a piece of VBA code is needed. We created this code and published on our site – please feel free to use it for this chart or your other charts (see the link below).
Download the example files
Click here to download the files. Examine the formulas, chart settings and formatting to learn more. This is a highly advanced chart, so take some time to go thru it. You will learn a lot.
Learning points and links:
- Be careful using TEXT formula with string parameter in international environment! You can read about it here.
- Combining xy scatter with pie chart makes the plot area shape perfect square, so it is easy to create a perfect square area for drawing by the xy coordinates. You can read about it here.
- Rotate chart labels to radial or tangential direction is possible with this VBA code.
Added by Chandoo:
Thank you Frankens Team
Thank you so much Robert, Kris and Gábor for taking time to write this. It is a pleasure hosting your article here. I have been following your website for several months and every time I visit it, I end up learning something interesting, creative and just plain awesome. Thanks for sharing your knowledge, ideas and technique with all of us.
Like this chart? Say thanks to Frankens Team
If you enjoyed this chart, please say thanks to Frankens Team. Also visit their site to see how far you can with Excel.
36 Responses to “Visualizing Financial Metrics – 30 Alternatives”
Although I am one of the contestants, I must wholeheartedly admit that the Dashboard of Chandeep is the best of all. It's design, colors, message-conveying is the greatest. My regards!
I would like to learn how Chandeep highlighted the graph when he made a selection on the slicer.
Any links to previous posts perhaps where this was covered by Chandoo?
Thank You
Ahmad
Dashboard from Abhay simply rocks. To the point and conveys the intended message even for a novice.
Infographic by Pinank - is looking good
I have also contributed to this contest. I am really inspired by various entries in above post. Based on following parameters i would like to rate these:
1. Explanatory - Whether dashboard will be used to explain certain thing or mention a story. This type of dashboard will be static.
2. Exploratory - Here user would like to interact more with the dashboard to extract the relevant story or meaning which is not apparent. Hence, this type dashboard needs to have more interactivity.
3. Scalability - If new or more data can be added to dashboard and still the functionality will work. If user wants to add more companies, years, etc. will it work.
Based on above criteria I would rate following entries as top ones:
1. Explanatory - by Pinank
2. Exploratory - by Chandeep
3. Scalability - In most of the entries additional work would be required to include more data except for mine. new years or companies can be easily added and analysed in chart by me.
These entries are really inspiring i will definitely use it to revise my dashboard.
Abhay's dashboard is good however, if Chandeep can go with the trend analysis Abhay has done (line graphs), then maybe Chandeep's dashboard can excel.
And now I'm angry that I haven't noticed contest announcement earlier and I've sent what I've sent... Building a dashoboard was supposed to be my goal but lack of time forced me to sent sth simplier and now I can see how big mistake it was (when it comes to fighting a competition like this). Nice work guys! It's realy inspiring! Even less advanced works are intresting because of different task approach. So wance again: thanks 🙂
If I had to choose the best ones (IMHO) I would go for William and Edouard as a second place (for both). Despite some weak sides (like label errors or "work place" next to a final chart) they meet my sense of clear data visualisation and contain intresting interactive elements.
The best entry is definitly Chandeep's. Although there was some failing with automatical comenting feature (#arg! in my Excel'10) it's full of advanced dashboarding tricks which makes it easy to read. Furthermore, as one of the few he finished(?) his project - it opens in a "secured mode", with no place to mess anything, no data trash - just choose, point and read/print.
It all deserves to get the Grand Prize!
and BTW: when can we expect another contest? 🙂
Big round of applause to everyone who participated. I'm amazed at the creativity of our community. 🙂
My vote would be for Chandeep, MF Wong, and Miguel.
I have not contributed, but have read this post with a lot of interest. I would like to congratulate all participants for there work & inventiveness.
My #1 spot goes to Gerald for showing all the data in 1 graph & to have still kept it simple & readable.
I would give a prize for innovation to Pinank for the use of icons.
Great to see so much creativity.
I have not contributed also, but have wait his post for a long time (because I have the same kind of issue in my "daily life").
My top 3 is the following :
- Pinank for the effeiciency and for the style
- Arnaud for the calculation behind the chart
- Miguel for the elegant business oriented dashboard
All the entries look very good. However I feel Pinanks entry seems the best as it is very explanatory with good innovative thoughts.
Hi all,
Some brilliant dashboard and interactive entries - really nice stuff and lots of clever tricks.
However, given that the initial question was "Need to quickly visualize 3 variables ( Company, years, Financials) in a single […] chart", unfortunately I don't think any dashboards - as cool as they are - really answer that question. The interactives also assume that this will be opened in Excel rather than seen in a printed hand-out, which essentially means you'd need multiple charts to show all the variables or be limited to a computer screen. Even Chandoo's initial panel chart approach - which is static, and also very simple and clean - is not really a 'single chart'. Furthermore, most of the interactives don't actually show all variables at once but rather slice the data into more manageable chunks, which is not staying true to the original brief.
So, in light of the above, I'd vote for Gerald in first place, Edwin in second and finally my third chart option in third place (yes, I know, voting for yourself is poor form but unfortunately I think the original question disqualifies most of the entries).
Anyway, a fun competition and thanks for following up on this Chandoo.
I am once again in awe of the submittals to a Chandoo contest. The results are so impressive. I have been trying to build nice dashboards for years and take so many courses, but I don't seem to have the eye for design. The color choices, fonts and chart choices are so important and I'm amazed at how some people really have a great talent for making the best selections.
It's nice to have such quality inspiration!
I saw Chandeep's entry on his website and I must say that I was very impressed by it. Simply loved it. Somewhat makes it difficult to keep an open mind towards the other entries.
My ranking:
1. Chandeep for its completeness as dashboard.
2. MF Wong/Miguel for "simple" but smart graphs.
3. Pinank's entry looks like a page from a glossy magazine.
During scrolling I stopped at Chirayu's entry: easy to the eye.
But honestly congrats too all for having the balls to participate and thank you for sharing your creativity!! Hat's off to you.
Miguel, MF Wong, and Pinank.
Thanks to Chandoo and everyone who contributed for the great ideas.
Hi,
I personally liked the dashboard of:
1. Chandeep - His dashboard is clear, crisp and informative, his color combination and design is awesome, also he has shared few details like operating leverage plus he has added few comments. In totality, its a complete packaged dashboard.
2. Miguel - His dashboard is simple and all the information is visible in one shot.
It's very interesting looking through these - you can definitely tell who's done courses in dashboard design and with whom!
I particularly liked Pawels 'sperm chart' 😉 ... squint your eyes - you'll see what I mean). each of the charts or dashboards are put together well - but I agree with Elchin on this one - Chandeeps dashboard set 'tells a story' of the data. Student of Mr Few??
Without a doubt, Chandeep deserves #1. #2 goes to Abhay, and #3 to Pinhank, for the great presentation style if nothing else.
MF Wong
Do not apologize for any delay! Moving from one town to the next only 10 miles away is tough enough - let alone a family moving from one country to another!
THANK YOU for this excellent post!
As one of the participants, I have been looking forward to this post for long. But totally understood the reason of delay, so never mind! Hope all is well in NZ.
Thank you very much to those who like my chart! 🙂
Also thanks Chandoo for suggesting a name for it "Container Chart", which I have never thought about.
Personally I like the infographic by Pinank. Very outstanding design and use of icons. My two-cent worth: Just the lower part of "Yearly Trend" is actually good enough to answer the question, isn't it? 😉
Cheers,
What an outburst of creativity!
Vote for Chandeep and Pinank!
Agreed!
Awesome dashboards
Infographic by Pinank is awesome
Thank you so much for sharing!! i learn so much from these posts
Highly appreciated
Ahmad
South Africa
Fantastic responses from all the contestants. Some really great ideas. I'm inspired and will adapt some of these to my own dashboard work. Thanks for hosting such a great contest!!
Thank you for sharing this valuable resources !!!
I have only a couple of question that wasn't able to solve regarding data-origin.
Nowadays I have the data coming from a "current" situation from a big database containing all kind purchase-orders information of many different projects. I can calculate the current status of each project investments, but I am not able to track automatically the progress of it month to month or week to week by freezing the calculated metrics on each date. This would let me calculate new graphs and the speed of investments execution.
My question would be, if it is possible to calculate something with an excel formula and automatically freeze this values in a new row or new column. I guess that right now, Basic is the only way, but I guess that there could be a function to copy-a-range, insert-range-as-value-only as a new row or a new column or display everything down or left.
This would preserve the excel formulas defined, and add new data, everytime that it is re-calculated.
Any idea?
Great post , loved all chart representation. Congratulations to all participants and winners.
I need updates to this article.
I didn't even realize this got posted. Came across it today. Thanks
Fantastic post but I was wondering if you could write
a litte more on this subject? I'd be very thankful if you could elaborate a
little bit further. Thank you!
Hi Chandoo,
I comeback after a long time on your Blog. So I saw it lately. Its a brilliant idea.
I like all entries and these are amazing efforts from all participants.
Regards
The report presented by Pinanik is excellent and very innovative. Could be an interesting work for portfolio presentation