Customizing mark shapes

From branding your company to distinguishing the data, custom mark shapes can help in customizing the visualization. Once you have the desired shape of files, you can easily use them instead of using Tableau's standard mark shapes.

Getting ready

This recipe requires modifying the custom shape image files, which could be of the JPG, BMP, and GIF formats. Specifically, it makes the background transparent while keeps the original size of 32 by 32 pixels. The tutorial given at http://www.interworks.com/blogs/iwbiteam/2012/01/27/using-custom-shapes-tableau explains in detail how to modify the shape properties. For this recipe, you can choose to create and modify your own shapes or download the ones used in this recipe.

Let's use the sample file Sample – Coffee Chain (Access). Open a new worksheet and select Sample – Coffee Chain (Access) as the data source.

How to do it...

Once the data is loaded on the worksheet, perform the following steps to use the custom shape marks:

  1. Create a folder called dollar in the Shapes folder in My Tableau Repository.
  2. Copy the single.png and double.png images in the dollar folder.
  3. Drag-and-drop Product from Dimensions into the Columns shelf.
  4. Drag-and-drop Sales from Measures into the Rows shelf.
  5. From the Marks dropdown, select Shape.
  6. Drag-and-drop Market Size from Dimensions into the Shape box.
  7. Drag-and-drop Market Size from Dimensions into the Color box.
  8. Hover your mouse over the Market Size legend shelf, click on the small drop-drown arrow, and select Edit Shape... as shown in the following screenshot:
    How to do it...
  9. In the Edit Shape [Market Size] dialog box, hit the Reload Shapes button.
  10. In the Select Shape Palette dropdrown, select dollar as shown as in the following screenshot:
    How to do it...
  11. Select Major Market under Select Data Item, and select the double dollar sign.
  12. Select Small Market under Select Data Item, and select the single dollar sign.
  13. Select OK and the final visualization should look like the following screenshot:
    How to do it...
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset