Embed a report

Embed W&B reports directly into Notion or with an HTML iframe element.

Embed a W&B report in an external page or tool so that your team can view live experiment results alongside other documentation. This page describes how to generate an embed code from a report and use it in HTML, Confluence, Notion, or Gradio.

HTML iframe element

Use an HTML iframe element to embed a report on any web page that accepts custom HTML. W&B provides a prebuilt embed code that you can copy directly from the report.

Select the Share button in the upper right of a report to open a dialog, then select Copy embed code. The copied snippet is an iframe HTML element that you can paste into any page that accepts custom HTML.

Only public reports are viewable when embedded.

Confluence

The following animation demonstrates how to insert the direct link to the report within an iframe cell in Confluence.

Notion

The following animation demonstrates how to insert a report into a Notion document using an Embed block in Notion and the report’s embed code.

Gradio

To embed a W&B report in a Gradio app, including an app hosted on Hugging Face Spaces, use Gradio’s gr.HTML element to render an iframe that points to the report URL.

import gradio as gr


def wandb_report(url):
    iframe = f'<iframe src={url} style="border:none;height:1024px;width:100%">'
    return gr.HTML(iframe)


with gr.Blocks() as demo:
    report = wandb_report(
        "https://wandb.ai/_scott/pytorch-sweeps-demo/reports/loss-22-10-07-16-00-17---VmlldzoyNzU2NzAx"
    )
demo.launch()