How to embed transparent Tableau visualizations into portals and apps. Should I do it?

Live interactive version here

How to control the opacity of a Tableau Embedded Viz Object?

The implementation couldn’t be easier. We just need to set the opacity style property of the container where the iframe containing the Tableau embedded viz (or in one of its parents). And naturally, we also need to have a parent object with the background image (thanks Anthony :). For example:

Does it even make sense to use transparency on visualizations?

To be honest, this is perhaps the most important question in this post.

Live demo here.
Live demo: Try it out some combinations of opacity and backgrounds here.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store