report を埋め込む - CoreWeave Docs

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 を受け入れる任意のページに貼り付けて使用できます。

埋め込みとレンダリングができるのは、公開 project の report、または閲覧専用リンクで共有した report のみです (リンクのアクセストークンは URL に含まれています) 。

Confluence

Confluence では、組み込みの iframe マクロを使用して report を埋め込むことができます。次のアニメーションでは、Confluence の iframe セルに report の直接リンクを挿入する方法を示しています。

Notion

Notion の Embed ブロックは、W&B が提供する埋め込みコードをそのまま受け入れます。次のアニメーションでは、Notion の Embed ブロックと report の埋め込みコードを使って、Notion ドキュメントに report を挿入する方法を紹介しています。

Gradio

Hugging Face Spaces でホストされているアプリも含め、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()

最終更新日 2026年9月30日

​HTML iframe 要素

​Confluence

​Notion

​Gradio

HTML `iframe` 要素

Confluence

Notion

Gradio