Getting started with Looker

Best Practices

Documentation

Community

Training

Certification

Articles in this section

How to Publicly Embed Visualizations and Data Tables

Avatar
Lindsey Meyer
  • Updated
Follow

This article will walk you through how to publicly embed a visualization from a Look in an <iframe>, so it can be displayed in a separate HTML document or as a link by itself in a browser.

Important Notes:

How to Embed a Visualization Into an iframe

If you have not yet created the visualization you would like to embed, you must first create the visualization:

  1. Open folders (called "Spaces" before Looker 6.20) and select the folder with your Look.
  2. Open the Look and go to its Visualization section.
  3. Modify the visualization to your liking, then save the Look.

To embed the visualization:

  1. Open folders and select the folder with your Look.
  2. From the folder, click on the Look's menu and select Edit Settings.


    You can also select Edit Settings from the gear menu in the Look itself:

  3. From the Look Settings pop-up window, enable Public Access for the Look by checking the Public Access box.

    Note: If you do not see the Public Access checkbox, make sure to check whether your instance admin has enabled the Public URLs setting in the Admin panel.
  4. Click Save.
  5. Once you make the Look public, copy the link that appears in the Embed Visualization section. You can also embed a table by copying the link in the Embed Data Table section.

  6. Click Done.
  7. Paste the copied inline <iframe> into the HTML code where you would like the visualization to appear.

Viewing an Embedded Visualization Without an iframe

You can also view the embedded visualization without inserting it via an html iframe, by pasting the embed link in your browser. For example, if your iframe link looks like this:

<iframe src="https://mycompany.looker.com/embed/public/CNdbvTys8ZVgQn423Sf4y2GYhy6b6522" width="600" height="338" frameborder="0"></iframe>

You can view just the embedded visualization by pasting just the URL into your browser:

https://mycompany.looker.com/embed/public/CNdbvTys8ZVgQn423Sf4y2GYhy6b6522

This will look something like:

Related articles