Going Deep with Tableau Tooltips: Adding Images

Data

Going Deep with Tableau Tooltips: Adding Images

This series examines some advanced techniques of Tableau Tooltips and will help you effectively build upon an already solid foundation.

Bringing an image into a tooltip can be a great way to show additional information in a visually interesting way without overcrowding a dashboard. It could be used to bring in a picture of a product, branded logos or icons to help your viewer link together different pieces of info in a dashboard.

Contextualizing Tableau with Images

There is no way to bring images directly into a tooltip, but by using custom shapes and a viz in tooltip, we can work around this. In my example, I’ve taken Premier League football stadium information from Wikipedia and created a map that shows an image of each stadium as you hover over it:

The first thing to do is to locate the image, or images, you want to use. If you want something fixed (like a branded logo that appears in every tooltip), you may only need one image. In my case, I need 20 images—one for each stadium.

Save the image(s) in a folder within this directory: My Documents > My Tableau Repository > Shapes to make them available for use in Tableau.

Open up a new Tableau sheet and drag on the dimension you want to use to distinguish between your images. If you only want to use one image, create an ad hoc calculation in the Rows shelf of ‘’ then hide headers. Change the mark type to Shape, and click Shape to open the Edit Shape window. Find the shapes you added to your Tableau repository and match them to your dimension members:

Change the view to Entire view. In your main view, go to Tooltip and insert the sheet of shapes you’ve just created. Adjust the size of the viz in tooltip if needed. Right-click on the Tooltip sheet and hide it. There you have it!

More About the Author

Angus Eady

Analytics Consultant
Going Deep with Tableau Tooltips: Background Formatting A common irritation with tooltip formatting in Tableau is that there is no way of changing the background colour of the tooltip. So, if ...
Going Deep with Tableau Tooltips: Adding Images Bringing an image into a tooltip can be a great way to show additional information in a visually interesting way without overcrowding a ...

See more from this author →

Subscribe to our newsletter

  • I understand that InterWorks will use the data provided for the purpose of communication and the administration my request. InterWorks will never disclose or sell any personal data except where required to do so by law. Finally, I understand that future communications related topics and events may be sent from InterWorks, but I can opt-out at any time.
  • This field is for validation purposes and should be left unchanged.

InterWorks uses cookies to allow us to better understand how the site is used. By continuing to use this site, you consent to this policy. Review Policy OK

×

Interworks GmbH
Ratinger Straße 9
40213 Düsseldorf
Germany
Geschäftsführer: Mel Stephenson

Kontaktaufnahme: markus@interworks.eu
Telefon: +49 (0)211 5408 5301

Amtsgericht Düsseldorf HRB 79752
UstldNr: DE 313 353 072