Tableau Embedding Responsively by CSS Transform Scale

This project explores the responsive embedding of Tableau dashboards, specifically focusing on "fixed-size" dashboards. Its goal is to ensure that the dashboard's width adjusts according to the container's size, maintaining the aspect ratio for proportional scaling of content.

Note: This project is not intended to adapt the display for different Tableau "device" dashboards.

What It Looks Like - Explore here

Tested on Google Blogger:

• Desktop:

  

• Phone:

  

Use it on Your Dashboard

Replace the src URL in the HTML to apply the same effect on your dashboard.

<tableau-viz
  id="tableauViz"
  src="https://public.tableau.com/views/_17205293548220/sheet0?:language=zh-TW&:sid=&:redirect=auth&:display_count=n&:origin=viz_share_link"
></tableau-viz>