{"id":11114,"date":"2018-03-22T09:28:27","date_gmt":"2018-03-22T09:28:27","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=11114"},"modified":"2025-03-01T21:52:14","modified_gmt":"2025-03-01T16:22:14","slug":"tableau-branding","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/tableau-branding\/","title":{"rendered":"Tableau Branding – Customizing Shapes, Colors, Fonts, And Images"},"content":{"rendered":"

In this Tableau Branding tutorial, we are going to study the Tableau Marks – Tableau shapes Customizing, Tableau colors Customizing, Tableau Fonts Customizing, And Tableau Images Customizing. Moreover, we will learn Transparency in Tableau <\/a><\/strong>Dashboard & Tableau Highlight with some Tableau Branding\/Tableau Marks example.<\/p>\n

Tableau Branding<\/h3>\n

Tableau Branding comes with a good type of pre-defined shapes, colors, and fonts. However, you’ll be able to vogue these objects to fulfill your specific desires. In this tableau tutorial, we will Tableau Branding concept in Deep.<\/p>\n

Tableau Shapes Customization<\/h3>\n

There is nothing wrong with exploitation the default shapes as you see in Figure 7-25.<\/p>\n

\"Tableau<\/a><\/p>\n

Tableau Shape Customizing the form accustomed plot climatic conditions will offer additional immediate understanding. Figure 7-26 shows a similar map, however with weather pictures to depict climatic conditions.
\nThe use of tailored pictures in Figure 7-26 conveys climatic conditions additional intuitively.<\/p>\n

This instance was created exploitation one of all the accessible commonplace forms provided in Tableau\u2019s shape pallet. Writing shapes is completed by accessing the form menu from the form legend you see in Figure 7-27.<\/p>\n

\"Tableau<\/a><\/p>\n

If Tableau\u2019s commonplace form legend or pallets don\u2019t suit your necessities, import custom form files (png, jpeg, bmp, gif) and build them accessible to use in your views by following these steps:<\/p>\n

1. Produce a folder to carry the image files beneath My Tableau Repository.<\/p>\n

2. Offer the folder a 1 or 2-word name (Tableau uses This Name).<\/p>\n

3. Produce a read that uses shapes.<\/p>\n

4. Edit the quality form by choosing the foreign custom form.<\/p>\n

The best results area unit achieved exploitation pictures that area unit sized at (32 n 32) pixels.<\/p>\n

Tableau Colors Customization<\/h3>\n

Colors Customizing is another feature of Tableau branding, it creats tailored colors for individual marks is done simply exploitation the color button within the marks tab. Build a custom color by clicking the color button and choosing the additional colors choice. This exposes the window seen in Figure 7-28.<\/p>\n

\"Tableau<\/a><\/p>\n

You can scroll through color choices exploitation the color pane within the read or kind of specific values. Once the color is outlined, click on the augment Custom colors choice to build the color accessible to be used.<\/p>\n

It\u2019s additionally doable to make utterly tailored color pallets. Tableau took charge to make color pallets that effectively communicate. They thought of factors like color blindness\u2014providing grayscale and a selected color-blind friendly pallet. If you have got a selected want that the accessible color pallets don\u2019t fulfill, attempt mix colors from completely different commonplace pallets. If you are doing have an awfully.<\/p>\n

Specific want (perhaps matching an emblem color scheme), making a totally tailored pallet is feasible however you have got to switch Tableau\u2019s preferences file situated in \\My Documents\\My Tableau Repository\\Preferences.tps.<\/p>\n

Search Tableau\u2019s website for a content article known as making Custom Color Palettes for specific details. You\u2019ll have to be compelled to use a text editor (like Windows Notepad) to feature the custom pallet by adding XML script that defines the palette name (as you wish it to appear), then outline the color values.<\/p>\n

Tableau Fonts Customization<\/h3>\n

Tableau Branding provides a good variety of font customization. You’ll be able to customize the font vogue, size, color, boldness, and underlining for each part of text contained in headings, axis labels, mark labels, and Tooltips. In most cases, the quality font picks work fine. Dynamical the font type of dynamic title components could be a quite common use and helps individuals notice that values in dashboards amendment once picks area unit created. Figure 7-29 shows a dashboard with dynamic date headings.<\/p>\n

\"Tableau<\/a><\/p>\n

In Tableau dashboard<\/strong><\/a>, the Year Filter within the left section of the title filters each chart contained within the dashboard for a year. You’ll be able to see that 2012 is chosen and therefore the title for every chart reflects that year choice. Additionally, the statistic chart is filtered via associate action from the merchandise crosstab. Styling headings with dynamic components are completed by double-clicking on the title, inserting the variable, so dynamical the font, color, or boldness of that part as seen in Figure 7-30.<\/p>\n

Coloring the dynamic title components black and therefore the static title contents gray provides visual confirmation to the data client that the read is filtered for the specified picks.<\/p>\n

\"Tableau<\/a><\/p>\n

Tableau Image\/ Pictures Customization<\/h3>\n

Tableau branding provides us facility of image customization. The most typical use for a picture during a dashboard is to feature an organization emblem. By exploitation the image object, logos are placed and sized to suit the title area. Their area unit a handful of tricks you ought to bear in mind of that may assist you to match pictures exactly.<\/p>\n

The InterWorks emblem could be a commonplace JPEG file. When inserting the image object into the dashboard at the specified location, choose the decide Image choice by informing to the upper-right corner of the item to reveal the menu you see in Figure 7-31.<\/p>\n

\"Tableau<\/a><\/p>\n

After choosing the image, click on the match Image and Center Image choices. These force the image file to size mechanically if you alter the image object size.<\/p>\n

Tableau Marks – Transparency<\/h3>\n

Transparency in Tableau branding, it would be helpful for several chart sorts to permit the ‘opacity’ management to be freelance for each color (mark). At present, once you amendment the ‘opacity’ management it applies to all or any colors within the read.<\/p>\n

\"Tableau<\/a><\/p>\n

It would be helpful to either have this management at the color level or type} a ‘transparent’ color to choose up form the colors palette section.<\/p>\n

\"Tableau<\/a><\/p>\n

At present solely a white color is offered however it might be helpful to possess a special ‘transparent’ color, or as mentioned to instead permit to pick to the opacity management at the individual color level.<\/p>\n

Transparent marks are helpful as an example once making the illusion of ‘floating’ space charts, however with the present settings you can’t very produce them simply or format them properly (e.g. grid lines layout position is behind the colour marks and gets hidden by the white ‘dummy’ space accustomed construct the floating chart.<\/p>\n

 <\/p>\n

\"How<\/a>

Tableau Highlight<\/span><\/p><\/div>\n

After Transparency, we can highlight\u00a0our data by tableau branding option.
\ni. On a worksheet choose Worksheet >Actions. From a dashboard, choose Dashboard >Actions.<\/p>\n

ii. In the Actions, window click the Add Action button so choose Highlight.<\/p>\n

\"Tableau<\/a><\/p>\n

iii. Name the action to spot it within the Actions window. Attempt to create the name descriptive, such as Highlight merchandise Shipped by van. You’ll choose variables from a drop-down list and use them within the name. Then they’re stuffed in supported the values of the chosen field.<\/p>\n

iv. Use the drop-down list to pick the supply sheet or information supply. If you choose a knowledge supply or a dashboard sheet, you’ll more choose individual sheets inside them.<\/p>\n

\"Tableau<\/a><\/p>\n

v. Select, however, you would like to trigger the action. You’ll choose from the subsequent options:<\/p>\n