In my last post, I used a dynamic pie chart to visualize the revenue share between top N teams and the rest of the league. It gives a pretty strong visual cue about the share size for a given N. We can set any N (between 1-19) to see different shares.

Yet, there is another powerful way to present the revenue share between top N teams and the rest for all the N's at once. It's the Pareto Chart. Note that it allows us to compare the two leagues on the relative revenue share solely based on team positions, regardless of the actual revenue.

What Pareto chart shows is the cumulative revenue share of the top N teams. To make it simple, we hid the position axis and instead put positions on the chart.

From the chart at 50% and 80% reference lines, we see that,

La Liga: The top 2 teams almost grabbed half of the revenue.
Premier League: It took top 9 teams to achieve the same.

La Liga: The top 10 teams took 80% of the revenue.
Premier League: The top 15 teams took 80%.

So, Premier League's revenue is more evenly distributed among the teams. That's probably the reason for which PL is more competitive and more exciting to watch.

The following is the 6 steps it takes to create the chart.

1.Create a calculated field "Position" for team position in the league.

2.Drag [Team] into the Detail shelf in Marks card. Then drag [Position] to column shelf and make it discrete. Use advanced table calculation to sort it by revenue and by team.



3.Drag [Revenue] to row shelf. Use advanced table calculation to get running total along team and by descending order of team revenue. Also, use the secondary calculation to get the percentage of total. The Advanced setting is exactly the same as in step 2.


4.Drag [League] to the Color shelf to split the graph into 2 lines for La Liga and Premier League.


5.Hold ctrl key and drag [Position] into the Label shelf. The positions will appear on the line charts. Right-click the horizontal axis and hide it, since we don't need it any more.

6.Right-click the vertical axis to add two reference lines at 50% and 80%.


Posted by
0

Add a comment

(Refresh the page if you want to view the gif image multiple times. Or go to Tableau Public and click the button at the top-right corner.)

Jake and I collaborated on a dashboard. He told me that he learnt a way to create an in-place help page in Tableau. He first saw it at a conference somewhere and couldn't recall who the speaker was. So I am blogging here about it but the credit goes to somebody else. If anyone knows who the original creator is, leave a comment below.

The key idea is to float a semi transparent worksheet on top of the dashboard, where a help text box is strategically placed on top of each chart. This way, we can explain how to view each chart and what data points are important, etc. This worksheet is collapsible by a show/hide button. 

Below I would like to show how this worksheet can be constructed.

1. Sheet with a single data mark.

  • Double click the empty space in Marks panel and add two single quotes. Make the null pill a text label. This creates a single null mark.
  • Set the view as "Entire View"

2. Create an show/hide button

  • Go to the target dashboard
  • Drag a floating vertical container to the dashboard, making it cover all the area of interest.
  • Drag the Single Null Mark sheet and drop it into the above container. Hide the sheet title.
  • Create an open/close button for the container and place the button at the top-right corner.

3. Add annotations

  • Format the sheet background opacity as 70% in the layout manager             
  • Select area annotations and place them anywhere of interest. 
  • Write help text and format it to highlight important messages.  
  • The text can serve as functional guide and/or insight guide.

Here is an example. Feel free to download the workbook and explore. Click the "i" button at the top-right corner to view the in-place help. 

Posted by
0

Add a comment

Blog Archive
Blog Archive
Loading
Dynamic Views theme. Powered by Blogger. Report Abuse.