1. [This is No.36 of series #TweakThursday]
    Jade Le Van created a very interesting viz with viz-in-tooltip which is based on one of her earlier endeavors. Now one single French map replaced those small multiples. Much more compact than before.

    Again it picked my interest not only because of the graphics but also of the data and the context. Seems France is leaping forward to a marriage-less society. In terms of social changes, France is always leading the way.

    So, I started to play with it and tweaked it a bit. And I would summarize here what I learnt by designing the viz-in-tooltip:

    1.Include context in the tool tip
    While the tip shows the graphical attributes of one data mark, we want to put it in the context of the entire data set, such as comparing with the aggregated results, the global average etc.

    In the viz-in-tooltip, I added national average to contrast with the departmental data. Also I added the ranking relative to the other departments.
    2.Minimize static content
    Some text are the same from tooltip to tooltip. They do not provide additional information even though they are repeatedly used. So we don't need them so much. We should try to move them out of the tooltip, or use small font or light color to diminish their presence. The viz-in-tooltip got a small canvas. We don't want to clutter it with too much redundant stuff.

    3.Highlight dynamic content
    When we hover the mouse from one data mark to another to view tooltips, we are interested to view something particular to that specific data mark, something that changes from one to another, something that's dynamic.

    So those content should be highlighted with big font, bright color etc. You got the idea.

    4.Provide option to enlarge the viz-in-tooltip 
    Obviously the viz in tooltip is small, and the small viz is not interactive. Users might want to view more details. It is a good practice to provide an option to go to a bigger chart or dashboard. The URL action filter can enable this option. The sheet is readily available.

    Voila, those are my thoughts on designing the viz-in-tooltip. Please share yours if any. Click image to go to the interactive version.
    0

    Add a comment

  2. I have been thinking of creating a US tiled map template for anyone to use as they please. Saved it in my Google Sheet. Here it is the link. Any one can add this to his/her tableau as a Google-Sheet data source. Then go on to create his/her own US geo dashboards. Hope this will save users a few minutes instead of them reinventing the wheel.

    And I created an example "State Seals and Mottos of USA" that is based on this data source. And I am using the latest Tableau 10.5 feature #VizInTooltip.

    BTW in the process, I found those seals beautiful and mottos very inspiring, reflecting the ideals of the pioneers. The mottos are written in various languages. Besides English and Latin for majority of the 51 states including DC, I also found French, Italian, Spanish, Hawaiian, Greek and Chinook Jargon. Quite a diverse mix of cultural backgrounds.
    Click the image to play with the interactive version.

    0

    Add a comment

  3. Bump Chart is used to display the evolution of ranking changes along time. Sometimes it is also used to compare ranks in a category across dimension members.

    And it's usually horizontal along time. The chart can be very wide.

    In the concern for mobile device display where horizontal space is much reduced, I thought of creating a radial bump chart.

    All of this happened in the 2nd week of 2018 MakeoverMonday viz design, which is comparing the importance of characteristics in a romantic partner per nationality. I liked the bump chart design of Yanning Wang very much. The only thing that I feel not so satisfactory is that it may be too wide for mobile devices.

    Initially I created a chart that purely compares ranks among 6 factors in evaluating romantic partners. It looks great and received warm feedback from my social media. Maybe it's the topic that touched everyone. Here it is:
    It reminds me of the sugar-coated haws back in China, a popular fruit candy. I might call this sugar-coated haws chart :).
    Later on, a friend suggested that the percentage can be used for the bubble size. That's a great idea for showing both ranks and percentages, which is another use of the bump chart, as stated in Ken Flerlage's article. So here is another variation of the chart:
    So for each country, we can see not only the ranking of popularity in 6 characteristics, but also what is the percentage of people for each of the 6.

    The key to implement the chart is to calculate the coordinates of each data mark. Initially, I wrote a 20-line case statement for either of X and Y, like the one suggested here. Later on I found a more scalable approach for the calculation (compute using Nationality):
    • Xaxis Unit: COS(0.5*PI()-(INDEX()-1)*2*PI()/SIZE())
    • Yaxis Unit: SIN(0.5*PI()-(INDEX()-1)*2*PI()/SIZE())
    For the coordinates, I created this formula so that the highest ranked data marks are located at the outer most circle (This requires nested table calculations: [Xaxis Unit] computes using Nationality and [Rank %] computes using Questions):
    • Xaxis: [Xaxis Unit]*(8-[Rank %])
    • Yaxis: [Yaxis Unit]*(8-[Rank %])
    Voila, that's the chart for today. Click the images to go to the interactive version.

    [Update: Added sorted version]
    I would like to sort Nationality dimension based on the highest percentage of the first importance. But we can't sort a dimension based on a measure of table calculations. Then I have to resort to Rank() to calculate the coordinates instead of Index(). The result is as follows:
    Now we can gain some more insights in that all the northern Europeans are clustered together. Very likely due to the fact that they have similar cultures. You can click on the image to download the workbook.
    1

    View comments

  4. Click image to see interactive version.
    Data Source
    http://www.makeovermonday.co.uk/data/ 
    2018 Week 1
    0

    Add a comment

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