Looker

Developers

Starting June 2022, API 3.x is deprecated. Read our deprecation notice to see how this affects you.

Find the embedding solution that fits your needs

Pick the scenario that sounds most similar to the experience you are trying to create with embedded content.
I'm trying to embed a Looker visualization on my site or app so that anyone in the world can access the content easily.

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:

  • Your Looker administrator must have enabled the Public URLs setting on your Looker instance, and users must have the create_public_looks permission to do this.
  • You must be in Production Mode to get the embed URL for a Look as a table or visualization.

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 selectEdit Settings.


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

  3. From the Look Settings pop-up window, enablePublic 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 theEmbed 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://learn.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://learn.looker.com/embed/public/CNdbvTys8ZVgQn423Sf4y2GYhy6b6522`

This will look something like:

Build on Examples and Tutorials

Python SDK Examples

Source code examples and projects that use SDKs to communicate with the Looker API.

Language Specific Content

Content related to the language that is currently selected or generic content that works for all languages.

Data from a Look to a Block

The Get Look Data Block contains an API call for retrieving the results of a Look.

Keep up with Looker developer updates

API

OverviewGetting StartedInteractive ReferenceAdvanced UsageExamples & SamplesArticles & Tutorials

Embedding

OverviewGetting StartedEmbed SDKAdvanced EmbeddingTroubleshooting

Actions

OverviewGetting StartedWriting Custom ActionsExamples & Samples

Extensions

OverviewGetting StartedAPI ReferenceExamples & Samples

Components

OverviewGetting StartedInteractive ReferenceDesign FoundationsVisualization Components

Marketplace

OverviewGetting StartedVisit the Marketplace

Community

EventsForumsOpen Source

© 2021 Looker Data Sciences, Inc.
Privacy | Terms | Cookies