Tableau Suggestions – Quantity 8 « 10 Suggestions for a Wet Day Viz »
This installment of Tableau Suggestions focuses on ideas utilized in making a Wet Day Viz.
Beneath is the completed viz as an animated GIF. You possibly can view and obtain on Tableau Public here
#10 – Utilizing Animated GIFs
It is a tip confirmed within the very first installment of Tableau Suggestions here. In that tip I confirmed animated GIFs to point out play management actions. Nevertheless, on this viz I’m utilizing the animated GIF as a background picture. To do that, I created an HTML web page and used the animated GIF because the background picture. Beneath is a few code you should use to do that. Host this code after which place a Internet Web page object in your dashboard and use the deal with to your hosted web page. In my case the URL within the Internet Object is www.dataplusscience.com/animated4.html.
#9 – Textual content Containers Might be Clear
The chart background and map backgrounds cannot be clear on a dashboard, however textual content objects will be clear. This permits the check to point out up on prime of animated GIF however with no background shade. Proper-click and choose Format textual content object and set the Shading to None.
#8 – Use Unicode Characters in Textual content Containers with Clear Background
Tableau Tips Volume 4 here was all about utilizing Unicode characters. One of many advantages of utilizing Unicode characters is that it is in a textual content field, which suggests it will probably have a clear background. On this viz I’m utilizing the umbrella character with shading of the textual content object to None.
#7 – Use a Clean Textual content Field with Shading
The sunshine background field on prime of the animated GIF is a clean textual content field. Merely add a textual content field with a clean area to the dashboard (floating) and set the shading to 50% or to the specified degree. Ensure that to put it behind the opposite floating objects by setting the float order to the again.
#6 – Use PNG Information with Clear Backgrounds
The map is a PNG file that’s a picture with a clear background. When positioned on a dashboard, this has the identical impact as clear textual content.
#5 – Use Textual content Field for Chart with Unicode Characters
This is not ultimate, however since a textual content field will be clear, it may be used to point out knowledge with out the background shade of a chart space. Unicode characters can be utilized to make a bar chart, as present right here. On this viz I mocked up a small dot plot.
#4 – Create Calculated Subject for Metropolis and State to Plot Map
The primary map I created was in Tableau, however I did not have any geographic knowledge. I simply need to plot a map of Ohio with a dot on Cincinnati. I created two calculated fields. One for State which had « Ohio » within the method and one for « Metropolis » which had « Cincinnati » within the method. Then I set the geographic discipline to Metropolis and State respectively in order that Tableau would generate a Longitude and Latitude. The remainder was simply map formatting which I confirmed in Tableau Tips Volume 6 here.. It is a twin axis map with a shaded map for the state and a dot map for the town.
#3 – Use Software to Create Animated Textual content GIF
There are a selection of instruments on-line for creating animated textual content GIFs. What I used is textanim.com. This device has a field to enter your personal customized textual content after which varied settings for shade, measurement and animation choices. After getting the animated textual content designed then you possibly can obtain as an animated GIF file.
#2 – Use Container for Chart Title and Chart
When putting a chart on a dashboard utilizing a floating tile, the title of the chart has a small break from the chart space. The 2 areas will be shaded separated, but when the identical shade then there’s a small break in between. If you would like the chart title to seem within the chart space as s single clear field then merely place them in a floating container. Then you possibly can format the background of the container and the title and chart space will seem within the container.
#1 – Use Unicode Characters to Created Textured Charts
Tableau would not supply a marks card for the preattentive attribute of texture. On this viz I used a textual content field with Unicode characters and positioned it over prime of the bar charts. Due to the gridlines, I ended up utilizing 4 textual content packing containers in order that the dots did not present over the traces, but when the traces weren’t there then it could possibly be one textual content field. Be aware, one draw back is that the tooltip from the bar chart will not work if it is lined with textual content packing containers.
And for these of you who have a good time Christmas:
I hope you discover the following tips useful. When you’ve got any questions be happy to electronic mail me at Jeff@DataPlusScience.com
Jeffrey A. Shaffer
Comply with on Twitter @HighVizAbility