Embed Dashboards with an iframe

Select a dashboard.

From your dashboard page, select the dashboard to embed.

Select Embed.

From the dashboard, click at the top-right of the dashboard to access its embedding information. Select Embed from the dropdown menu.

Enable external sharing on the data source.

If you have already enabled external sharing on the data source that this dashboard uses, skip this step. If you haven't yet enabled embedding on the data source, you can do so now. Click the Configure link.

Select the Unauthenticated tab in the dialog window.

Toggle Enable unauthenticated access to On.

(Optional) Specify filterable fields for your dashboard.

Specify the fields on which dashboard viewers can filter data. By default, no fields are specified, meaning the dashboard cannot be filtered until you explicitly allow at least one field.

Alternatively, you can specify all the fields in your dashboard by selecting Allow all fields in the data source used in this dashboard.

To learn more about filterable fields, see Specify Filterable Fields.

Select the panel labeled Iframe.

Selecting the Iframe panel reveals the iframe embedding code and allows you to set refresh and display theme options.

Set options.

1. Specify the maximum age of data to load from the cache when loading or refreshing the embedded dashboard.

2. Specify whether the embedded dashboard automatically refreshes.

   If you are a free-tier user, a new four-hour option is selected by default as the auto-refresh interval.

3. Select the Light or Dark display theme for your embedded dashboard.

4. Specify whether to fix the width of the charts within the dashboard or to scale the width of the charts to fit the embedded dashboard.

5. Specify whether to fix the height of the charts within the dashboard or to scale the height of the charts to fit the embedded dashboard.

6. Specify whether to display the title and description on the embedded dashboard.

Copy the iframe embedding code.

The iframe embedding code contains your dashboard's base URL and dasboard ID, as well as any options you have set.

(Optional) Set additional options.

You can edit the iframe code manually to set several other dashboard options, including height, width, and border radius. To learn more, see Embedded Dashboard Appearance and Behavior Options.