The Viz of the Day on 7/13/2016 is the first one from an author in China that I have ever seen. Although some of the description is in Chinese, the viz is understandable by anyone who knows English.
The sensual curves of the sigmoid function and the wild cocktail colors make the viz irresistible to an ordinary man like me. The viz obviously seduced the committee of Tableau's Viz of the Day as much.

Not familiar with this kind of chart type, I played with it a bit. And I found a few things to tweak.

The viz showed successfully the ingredients in each of the well-known cocktails. But I also wanted to know the reverse: for an ingredient, how many cocktails contain it? All the data are available to answer this reciprocal question. I also needed to visualize the percentages of ingredients in a cocktail.

So, initially this viz is about Cocktails > Ingredients discovery. My tweaks make it a viz of Cocktails <> Ingredients reciprocal relationship, based on the same data set.

Here are my major tweaks:

1.Ordering data 
Putting order in the view is always a good practice for viewers to easily consume information. So I made all the following ordering from left to right.
- Order cocktails by the number of ingredients each contains. That is, from the most sophisticated cocktail (Long Island Iced Tea), to the least one.
- Order ingredients by the number of cocktails each is included in. That is, from the most used ingredient (Vodka) to the least one.

2.Adding visualization 
That shows how many cocktails one ingredient is contributing to. Four more action filters and two tooltip sheets are added.

3.Use visual tooltips to list details
The sigmoid chart is not the best chart type for the view. A horizontal bar chart can do a better job. Two tooltips are added: one for the cocktails and the other for the ingredients.
Click the above images to view the interactive workbook.
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. 

0

Add a comment

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