メインコンテンツへスキップ
W&B report を外部のページやツールに埋め込むと、チームは他のドキュメントと並べて最新の実験結果を確認できます。このページでは、report から埋め込みコードを生成し、それを HTML、Confluence、Notion、または Gradio で使用する方法について説明します。

​
HTML iframe 要素

HTML iframe 要素を使用すると、カスタム HTML を使用できる任意の Web ページに report を埋め込めます。W&B には、report から直接コピーできる埋め込みコードがあらかじめ用意されています。 report の右上で Share ボタンを選択してダイアログを開き、Copy embed code を選択します。コピーされたスニペットは iframe HTML 要素で、カスタム HTML を使用できる任意のページに貼り付けることができます。
埋め込み時に表示できるのは public report のみです。
埋め込みコードの取得

​
Confluence

Confluence は、組み込みの iframe マクロによる report の埋め込みをサポートしています。以下のアニメーションは、Confluence の iframe セルに report への直接リンクを挿入する方法を示しています。
Confluence への埋め込み

​
Notion

Notion の Embed ブロックでは、W&B が提供するものと同じ埋め込みコードを使用できます。次のアニメーションは、Notion の Embed ブロックと report の埋め込みコードを使って、Notion ドキュメントに report を埋め込む方法を示しています。
Notion への埋め込み

​
Gradio

Hugging Face Spaces で hosted されているアプリを含む Gradio アプリに W&B report を埋め込むには、Gradio の gr.HTML 要素を使用して、report URL を指す iframe をレンダリングします。 
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()