Sizing Vizes: Building for the Web

Tableau dashboards automatically re-size themselves to fit as much content as you want to include, but when you publish to the web you may find that your space is limited. Make sure that you construct your viz at the size of the page that you will publish to.

In general, you'll want to avoid:

Scrollbars

While sometimes necessary, try to avoid scrollbars on the overall dashboard. After all, it’s hard to understand the full picture when you’re only seeing part of it.

Scrunched Views

Be careful that views are not being scrunched so much that there’s not enough room to understand the data or read headers and labels:

Once you’ve provided enough space, make sure to clear any manual sizing you’ve added unless it is absolutely necessary. This will often prevent unnecessary scroll bars in your views.You can clear manual sizing using the clear button on the toolbar.

Fitting

You can use the Fit options on the toolbar to specify how each view fits within the dashboard window:

• Normal – automatically resizes based on the data in the view and the size of the window.
• Fit Width – scales the view horizontally to fill the width of the window. Vertical scroll bars are allowed.
• Fit Height – scales the view vertically to fill the height of the window. Horizontal scroll bars are allowed.
• Fit Entire View – scales both the width and height to fill the window. Scroll bars will not be shown; rather all data will be scaled to fit within the window.

Select a fit that matches the data in the view and how it will be filtered. For example, you may set a simple cross-tab that shows a fixed set of data to Fit Entire View so that it always fills the entire space allotted to it. On the other hand, a view that is sometimes filtered to a few values you may want to leave as Normal so that the marks aren’t stretched to fill too large of an area.