メインコンテンツへスキップ

HTML iframe 要素

Reports の右上にある Share ボタンを選択してください。モーダルウィンドウが表示されます。モーダルウィンドウ内で Copy embed code を選択します。コピーされたコードは、インラインフレーム(IFrame)HTML 要素内でレンダリングされます。コピーしたコードを、お好みの iframe HTML 要素に貼り付けてください。
埋め込み時に表示可能なのは、 public (公開)設定の Reports のみです。
Getting embed code

Confluence

以下の操作デモは、Confluence の IFrame セル内に Reports へのダイレクトリンクを挿入する方法を示しています。
Embedding in Confluence

Notion

以下の操作デモは、Notion の埋め込み(Embed)ブロックと Reports の埋め込み用コードを使用して、Notion ドキュメントにレポートを挿入する方法を示しています。
Embedding in Notion

Gradio

gr.HTML 要素を使用して、Gradio アプリ内に W&B Reports を埋め込み、Hugging Face Spaces などで利用することができます。
import gradio as gr


def wandb_report(url):
    # iframe要素を作成
    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()