> ## Documentation Index
> Fetch the complete documentation index at: https://wb-21fd5541-docs-weave-byob-note.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Intégrez directement des Reports W&B dans Notion ou à l’aide d’un élément IFrame HTML.

# Intégrer un rapport

<div id="html-iframe-element">
  ## Élément HTML iframe
</div>

Sélectionnez le bouton **Share** dans le coin supérieur droit d’un rapport. Une fenêtre modale s’affiche. Dans cette fenêtre, sélectionnez **Copy embed code**. Le code copié s’affichera dans un élément HTML Inline Frame (IFrame). Collez le code copié dans l’élément HTML iframe de votre choix.

<Note>
  Seuls les rapports **publics** sont visibles lorsqu’ils sont intégrés.
</Note>

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-docs-weave-byob-note/i8yeI9Xq9Uj1zDoK/images/reports/get_embed_url.gif?s=684d97984e917fddd00b1644eb2dabe9" alt="Obtenir le code d’intégration" width="1425" height="721" data-path="images/reports/get_embed_url.gif" />
</Frame>

<div id="confluence">
  ## Confluence
</div>

L’animation ci-dessous montre comment insérer le lien direct vers le rapport dans une cellule IFrame de Confluence.

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-docs-weave-byob-note/i8yeI9Xq9Uj1zDoK/images/reports/embed_iframe_confluence.gif?s=772c48356ebd5e4ef24b16a4d2d7f381" alt="Intégration dans Confluence" width="1425" height="721" data-path="images/reports/embed_iframe_confluence.gif" />
</Frame>

<div id="notion">
  ## Notion
</div>

L'animation suivante montre comment insérer un rapport dans un document Notion à l'aide d'un bloc Embed et du code d'intégration du rapport.

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-docs-weave-byob-note/i8yeI9Xq9Uj1zDoK/images/reports/embed_iframe_notion.gif?s=eb0dbd14ae65ee7ce4df77803ce8f713" alt="Intégration dans Notion" width="1425" height="738" data-path="images/reports/embed_iframe_notion.gif" />
</Frame>

<div id="gradio">
  ## Gradio
</div>

Vous pouvez utiliser l’élément `gr.HTML` pour intégrer des Reports W\&B dans des applications Gradio et les utiliser au sein de Hugging Face Spaces.

```python theme={null}
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()
```

##