> ## Documentation Index
> Fetch the complete documentation index at: https://docs.coreweave.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Panneaux

> Utilisez et personnalisez les panneaux du Workspace pour visualiser vos données journalisées

export const AriaChatBubbles = ({prompt, response}) => {
  const [isDark, setIsDark] = useState(false);
  const [promptCopied, setPromptCopied] = useState(false);
  useEffect(() => {
    const root = document.documentElement;
    const sync = () => setIsDark(root.classList.contains('dark'));
    sync();
    const obs = new MutationObserver(sync);
    obs.observe(root, {
      attributes: true,
      attributeFilter: ['class']
    });
    return () => obs.disconnect();
  }, []);
  useEffect(() => {
    if (!promptCopied) {
      return undefined;
    }
    const timeout = setTimeout(() => setPromptCopied(false), 2000);
    return () => clearTimeout(timeout);
  }, [promptCopied]);
  const copyText = text => {
    navigator.clipboard.writeText(text).then(() => setPromptCopied(true)).catch(console.error);
  };
  const userBg = isDark ? '#363C44' : '#F8F8F8';
  const userBorder = isDark ? '#4B535C' : '#DFE0E2';
  const textColor = isDark ? '#E8E8E9' : '#2B3038';
  const iconColor = isDark ? '#8F949E' : '#79808A';
  const iconHoverBg = isDark ? 'rgba(255,255,255,0.10)' : 'rgba(0,0,0,0.05)';
  const bubbleText = {
    fontSize: '15px',
    color: textColor,
    overflowWrap: 'anywhere'
  };
  const bubbleBase = {
    maxWidth: '85%'
  };
  const copyIcon = promptCopied ? <svg aria-hidden="true" focusable="false" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{
    color: '#FCBC32'
  }}>
      <path d="M20 6 9 17l-5-5" />
    </svg> : <svg aria-hidden="true" focusable="false" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
      <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
      <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
    </svg>;
  return <div aria-label="ARIA chat example" className="not-prose flex flex-col gap-3" role="group">
      {}
      <div className="flex w-full justify-end">
        <div className="flex w-fit items-start gap-1 rounded-2xl py-2 pl-3 pr-1.5" style={{
    ...bubbleBase,
    backgroundColor: userBg,
    border: `1px solid ${userBorder}`
  }}>
          <div className="min-w-0 flex-1 hyphens-auto whitespace-pre-wrap" style={bubbleText}>
            {prompt}
          </div>
          <button type="button" className="mt-0.5 shrink-0 rounded-lg p-1.5 cursor-pointer" style={{
    color: iconColor,
    background: 'transparent'
  }} onMouseEnter={e => {
    e.currentTarget.style.backgroundColor = iconHoverBg;
  }} onMouseLeave={e => {
    e.currentTarget.style.backgroundColor = 'transparent';
  }} onClick={() => copyText(prompt)} aria-label="Copy user prompt">
            {copyIcon}
          </button>
        </div>
      </div>
      {}
      <div className="flex w-full justify-start">
        <div className="w-fit rounded-2xl py-2 px-3" style={{
    ...bubbleBase,
    border: '1px solid #CDF4F7'
  }}>
          <div className="hyphens-auto whitespace-pre-wrap" style={bubbleText}>
            {response}
          </div>
        </div>
      </div>
    </div>;
};

Utilisez les visualisations des panneaux du workspace pour explorer vos [données journalisées](/fr/products/wandb/ref/python/experiments/run#method-runlog) par clé, visualiser les relations entre les hyperparamètres et les métriques de sortie, et bien plus encore. Cette page explique comment choisir un mode de workspace, ajouter et configurer des panneaux, les organiser en sections et les partager avec vos collaborateurs.

<h2 id="workspace-modes">
  Modes de workspace
</h2>

Les projets W\&B prennent en charge deux modes de workspace. L’icône située à côté du nom du workspace indique son mode.

| Icône | Mode de workspace |
| - | - |
| <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/automated_workspace.svg?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=76918bfef3e9260d38999c0e7ce3175f" alt="icône de workspace automatisé" width="32px" data-path="products/wandb/_media/automated_workspace.svg" /> | Les **workspaces automatisés** génèrent automatiquement des panneaux pour toutes les clés journalisées dans le projet. Choisissez un workspace automatisé :<ul><li>Pour démarrer rapidement en visualisant toutes les données disponibles du projet.</li><li>Pour les petits projets qui journalisent peu de clés.</li><li>Pour une analyse plus large.</li></ul>Si vous supprimez un panneau d’un workspace automatisé, vous pouvez le recréer à l’aide du [générateur rapide de panneaux](#quick-panel-builder). |
| <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/manual_workspace.svg?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=810ff51fadbb4c438646f3b1fe920107" alt="icône de workspace manuel" width="32px" data-path="products/wandb/_media/manual_workspace.svg" /> | Les **workspaces manuels** sont vierges au départ et n’affichent que les panneaux que vous choisissez d’ajouter. Choisissez un workspace manuel :<ul><li>Lorsque seule une partie des clés journalisées dans le projet vous intéresse vraiment.</li><li>Pour une analyse plus ciblée.</li><li>Pour améliorer les performances d’un workspace en évitant de charger des panneaux qui vous sont moins utiles.</li></ul>Utilisez le [générateur rapide de panneaux](#quick-panel-builder) pour remplir rapidement un workspace manuel et ses sections avec des visualisations utiles. |

Pour modifier la façon dont un workspace génère les panneaux, [réinitialisez le workspace](#reset-a-workspace).

<Note>
  **Annuler les modifications apportées à votre workspace**

  Pour annuler les modifications apportées à votre workspace, cliquez sur le bouton Annuler (flèche orientée vers la gauche) ou appuyez sur **Cmd+Z** (macOS) ou **Ctrl+Z** (Windows ou Linux).
</Note>

<h2 id="reset-a-workspace">
  Réinitialiser un workspace
</h2>

Réinitialisez un workspace pour modifier son mode ou effacer ses panneaux et repartir de zéro.

Pour réinitialiser un workspace :

1. En haut du workspace, cliquez sur le menu **action (<Icon icon="ellipsis" iconType="solid" />)**.
2. Cliquez sur **Reset workspace**.

<h2 id="configure-the-workspace-layout">
  Configurer la mise en page du Workspace
</h2>

Les paramètres de mise en page du Workspace déterminent l’organisation et l’affichage des panneaux et des sections dans l’ensemble du workspace.

Pour configurer la mise en page du Workspace, cliquez sur **Settings** en haut du workspace, puis sur **Workspace layout**. Les paramètres suivants sont disponibles :

* **Hide empty sections during search** (activé par défaut)
* **Sort panels alphabetically** (désactivé par défaut)
* **Section organization** (regroupement selon le premier préfixe par défaut). Pour modifier ce paramètre :
  1. Cliquez sur l’icône de cadenas.
  2. Choisissez le mode de regroupement des panneaux au sein d’une section.

Pour configurer les valeurs par défaut des graphiques en courbes du workspace, référez-vous à [Graphiques en courbes](/fr/products/wandb/app/features/panels/line-plot).

<h3 id="configure-a-sections-layout">
  Configurer la mise en page d’une section
</h3>

Pour configurer la mise en page d’une section, cliquez sur son icône d’engrenage, puis sur **Display preferences**. Les paramètres suivants sont disponibles :

* **Turn on or off colored run names in tooltips** (activé par défaut)
* **Only show highlighted run in companion chart tooltips** (désactivé par défaut)
* **Number of runs shown in tooltips** (un seul run, tous les runs ou **Default**)
* **Display full run names on the primary chart tooltip** (désactivé par défaut)

<h2 id="view-a-panel-in-full-screen-mode">
  Afficher un panneau en mode plein écran
</h2>

Le mode plein écran offre davantage d’espace à un panneau, ce qui permet d’examiner vos données de plus près. En mode plein écran, le sélecteur de runs est affiché.

Pour afficher un panneau en mode plein écran :

1. Survolez le panneau.
2. Cliquez sur le menu **action (<Icon icon="ellipsis" iconType="solid" />)** du panneau, puis sur le bouton plein écran, qui ressemble à un viseur ou aux quatre coins d’un carré.
   <Frame>
     <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/panel_fullscreen.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=d6f1b7dcee25ca63fa4793b365da88a3" alt="Panneau en plein écran" width="352" height="79" data-path="products/wandb/_media/panel_fullscreen.png" />
   </Frame>

Si vous [partagez le panneau](#share-a-panel) alors qu’il est affiché en mode plein écran, le lien généré s’ouvre automatiquement en mode plein écran.

Voici quelques conseils pour travailler en mode plein écran :

* Pour quitter le mode plein écran et revenir au workspace du panneau, cliquez sur la flèche orientée vers la gauche en haut de la page.
* Pour parcourir les panneaux d’une section sans quitter le mode plein écran, utilisez les boutons **Previous** et **Next** situés sous le panneau, ou les touches fléchées gauche et droite.
* Pour libérer davantage d’espace pour le panneau, réduisez le sélecteur de runs avec **Cmd+.** (macOS) ou **Ctrl+.** (Windows ou Linux).
* Lorsque vous affichez une image d’un [volet multimédia](/fr/products/wandb/app/features/panels/media) en mode plein écran, des raccourcis clavier permettent de zoomer, de dézoomer, de réinitialiser le zoom ou d’ajuster l’image à la fenêtre. Voir [Raccourcis clavier](/fr/products/wandb/app/keyboard-shortcuts#media-panels).

Consultez [Raccourcis clavier](/fr/products/wandb/app/keyboard-shortcuts) pour découvrir d’autres raccourcis liés au mode plein écran et aux panneaux.

<h2 id="add-panels">
  Ajouter des panneaux
</h2>

Les sections suivantes décrivent les différentes façons d’ajouter des panneaux à votre workspace. Vous pouvez ajouter des panneaux un par un ou automatiquement pour chaque clé sélectionnée. Vous pouvez également demander à ARIA de les ajouter à votre place.

<h3 id="add-a-panel-manually">
  Ajouter un panneau manuellement
</h3>

Ajoutez des panneaux à votre workspace un par un, soit au niveau global du workspace, soit au niveau d’une section.

<h4 id="add-panels-to-a-workspace">
  Ajouter des panneaux à un workspace
</h4>

1. Accédez au Workspace de votre projet.
2. Cliquez sur **ajouter des panneaux**, à droite du champ de recherche de panneaux.
3. Dans la fenêtre modale qui s’affiche, sélectionnez le type de panneau à ajouter, par exemple un graphique, un média ou un panneau de requête.

<h4 id="add-panels-to-a-section">
  Ajouter des panneaux à une section
</h4>

1. Accédez au workspace de votre projet.
2. Facultatif : créez une section. Faites défiler jusqu'en bas du workspace et cliquez sur **ajouter une section**.
3. Cliquez sur le menu **action (<Icon icon="ellipsis" iconType="solid" />)** de la section, puis sur **+ ajouter des panneaux**.
4. Dans la fenêtre modale qui s'affiche, sélectionnez le type de panneau à ajouter : graphique, panneau multimédia, panneau de requête, etc.

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/add_single_panel.gif?s=c34aec2f223a84ed2788d7501e04ce64" alt="Démonstration de l'ajout d'un panneau" width="3822" height="2842" data-path="products/wandb/_media/add_single_panel.gif" />
</Frame>

<h3 id="quick-panel-builder">
  Générateur rapide de panneaux
</h3>

Utilisez le **générateur rapide de panneaux** pour créer automatiquement des panneaux à partir des clés de métriques sélectionnées, au niveau du workspace ou d’une section.

<Note>
  Dans un workspace automatique, le **générateur rapide de panneaux** est masqué si toutes les clés journalisées disposent déjà d’un panneau. Si vous supprimez un panneau, utilisez le **générateur rapide de panneaux** pour l’ajouter de nouveau.
</Note>

Le **générateur rapide de panneaux** propose deux façons de créer des panneaux :

| Option | Description |
| - | - |
| **Panneaux à clé unique** | Sélectionnez des clés précises. W\&B crée un panneau distinct pour chaque clé de métrique et compare cette métrique entre les runs visibles. |
| **Panneaux à plusieurs métriques** | Saisissez une expression régulière RE2. W\&B crée un seul panneau regroupant toutes les clés de métriques qui correspondent à l’expression, y compris celles qui seront journalisées ultérieurement. |

Par exemple, supposons que votre workspace contienne les clés de métriques `train/loss` et `val/loss`. Le **générateur rapide de panneaux** vous permet de créer des panneaux de l’une des manières suivantes :

* **Panneaux à clé unique** : crée deux panneaux, l’un pour `train/loss` et l’autre pour `val/loss`.
* **Panneaux à plusieurs métriques** : l’expression régulière `.*\/loss` crée un seul panneau contenant les deux métriques.

<h4 id="add-panels-to-the-workspace">
  Ajouter des panneaux au workspace
</h4>

1. Accédez au Workspace de votre projet.
2. Sélectionnez **Ajouter des panneaux** à côté du champ de recherche de panneaux, puis sélectionnez **Générateur rapide de panneaux**.
3. Sélectionnez **Panneaux à clé unique** ou **Panneaux à plusieurs métriques**.
4. Saisissez les clés de métriques ou l’expression régulière dans le champ de recherche.
5. Effectuez l’étape suivante en fonction du mode de création :
   * **Panneaux à clé unique** : survolez une clé de métrique, puis sélectionnez **Ajouter**. Répétez l’opération pour chaque clé de métrique à ajouter.
   * **Panneaux à plusieurs métriques** : saisissez une expression régulière pour créer un panneau regroupant les clés de métriques correspondantes. Cliquez sur **Ajouter un panneau**.

<h4 id="add-panels-to-a-section-2">
  Ajouter des panneaux à une section
</h4>

1. Accédez au Workspace de votre projet.
2. Facultatif : pour créer une section, faites défiler jusqu’en bas du workspace et sélectionnez **ajouter une section**.
3. Dans la section, sélectionnez **ajouter un panneau**, puis **générateur rapide de panneaux**.
4. Sélectionnez **panneaux à clé unique** ou **panneaux à plusieurs métriques**.
5. Saisissez les clés de métrique ou une expression régulière dans le champ de recherche.
6. Effectuez l’étape suivante selon le mode de création choisi :
   * **panneaux à clé unique** : survolez une clé de métrique, puis sélectionnez **Add**. Répétez l’opération pour chaque clé de métrique à ajouter.
   * **panneaux à plusieurs métriques** : saisissez une expression régulière pour créer un panneau regroupant les clés de métrique correspondantes. Cliquez sur **ajouter un panneau**.

<Tip>
  Vous pouvez également demander à ARIA d’ajouter les panneaux à votre place :

  <AriaChatBubbles prompt="Ajoute des panneaux de graphique en courbes pour chaque métrique sous le préfixe train/." response="Je vais ajouter des panneaux de graphique en courbes pour chaque métrique train/ journalisée dans les runs visibles, puis les organiser dans votre workspace." />
</Tip>

<br />

<h2 id="share-a-panel">
  Partager un panneau
</h2>

Partagez un panneau pour diriger vos collaborateurs directement vers une vue ciblée d’une visualisation précise, sans qu’ils aient à parcourir l’ensemble du workspace. Pour partager un panneau à l’aide d’un lien, procédez de l’une des manières suivantes :

* Lorsque le panneau est affiché en mode plein écran, copiez l’URL depuis le navigateur.
* Cliquez sur le menu **action (<Icon icon="ellipsis" iconType="solid" />)**, puis sur **Copy panel URL**.

Partagez le lien avec l’utilisateur ou l’équipe concernés. Lorsqu’ils ouvrent le lien, le panneau s’affiche en [mode plein écran](#view-a-panel-in-full-screen-mode).

Pour revenir au workspace d’un panneau depuis le mode plein écran, cliquez sur la flèche vers la gauche en haut de la page.

<h3 id="compose-a-panels-full-screen-link-programmatically">
  Composer par programmation le lien plein écran d'un panneau
</h3>

Lorsque vous [créez une automatisation](/fr/products/wandb/automations) ou un flux de travail similaire, il peut être utile d'y inclure l'URL plein écran du panneau. Le format ci-dessous correspond à l'URL plein écran d'un panneau. Dans l'exemple suivant, remplacez les noms de l'entity, du projet, du panneau et de la section indiqués entre crochets.

```text theme={"system"}
https://wandb.ai/[ENTITY_NAME]/[PROJECT_NAME]?panelDisplayName=[PANEL_NAME]&panelSectionName=[SECTION_NAME]
```

Si plusieurs panneaux d’une même section portent le même nom, cette URL ouvre le premier panneau portant ce nom.

<h3 id="embed-or-share-a-panel-on-social-media">
  Intégrer ou partager un panneau sur les réseaux sociaux
</h3>

Pour intégrer un panneau dans un site web ou le partager sur les réseaux sociaux, le panneau doit être visible par toute personne disposant du lien. Si un projet est privé, seuls ses membres peuvent voir le panneau. S’il est public, toute personne disposant du lien peut le voir.

Pour obtenir le code permettant d’intégrer un panneau ou de le partager sur les réseaux sociaux :

1. Dans le workspace, survolez le panneau, puis cliquez sur son menu **action (<Icon icon="ellipsis" iconType="solid" />)**.
2. Cliquez sur l’onglet **Share**.
3. Remplacez **Only those who are invited have access** par **Anyone with the link can view**. Sinon, les options de l’étape suivante ne sont pas disponibles.
4. Choisissez **Share on Twitter**, **Share on Reddit**, **Share on LinkedIn** ou **Copy embed link**.

<h3 id="email-a-panel-report">
  Envoyer un rapport de panneau par e-mail
</h3>

Pour envoyer par e-mail un seul panneau sous forme de rapport autonome :

1. Survolez le panneau, puis cliquez sur son menu **action (<Icon icon="ellipsis" iconType="solid" />)**.
2. Cliquez sur **Share panel in report**.
3. Sélectionnez l’onglet **Invite**.
4. Saisissez une adresse e-mail ou un nom d’utilisateur.
5. Facultatif : remplacez **can view** par **can edit**.
6. Cliquez sur **Invite**. W\&B envoie à l’utilisateur un e-mail contenant un lien cliquable vers le rapport, lequel ne contient que le panneau que vous partagez.

Contrairement au [partage d’un panneau](#share-a-panel), le destinataire ne peut pas accéder au workspace depuis ce rapport.

<h2 id="manage-panels">
  Gérer les panneaux
</h2>

Une fois des panneaux ajoutés à un workspace, vous pouvez les modifier, les déplacer, les dupliquer ou les supprimer pour que vos visualisations restent organisées et à jour.

<h3 id="edit-a-panel">
  Modifier un panneau
</h3>

Pour modifier un panneau :

1. Cliquez sur son icône en forme de crayon.
2. Modifiez les paramètres du panneau.
3. Facultatif : pour changer le type du panneau, sélectionnez le nouveau type, puis configurez ses paramètres.
4. Cliquez sur **Apply**.

<h3 id="move-a-panel">
  Déplacer un panneau
</h3>

Pour déplacer un panneau vers une autre section, vous pouvez utiliser sa poignée de déplacement. Pour choisir plutôt la nouvelle section dans une liste :

1. Facultatif : créez une section en cliquant sur **Ajouter une section** après la dernière section.
2. Cliquez sur le menu **action (<Icon icon="ellipsis" iconType="solid" />)** du panneau.
3. Cliquez sur **Déplacer**, puis sélectionnez la nouvelle section.

La poignée de déplacement permet également de réorganiser les panneaux au sein d’une même section.

<h3 id="duplicate-a-panel">
  Dupliquer un panneau
</h3>

Pour dupliquer un panneau :

1. En haut du panneau, cliquez sur le menu **action (<Icon icon="ellipsis" iconType="solid" />)**.
2. Cliquez sur **Duplicate**.

Vous pouvez ensuite, si besoin, [personnaliser](#edit-a-panel) ou [déplacer](#move-a-panel) le panneau dupliqué.

<h3 id="remove-panels">
  Supprimer des panneaux
</h3>

Pour supprimer un panneau :

1. Survolez le panneau.
2. Cliquez sur le menu **action (<Icon icon="ellipsis" iconType="solid" />)**.
3. Cliquez sur **Delete**.

Pour supprimer tous les panneaux d’un workspace manuel, ouvrez son menu **action (<Icon icon="ellipsis" iconType="solid" />)**, puis cliquez sur **Clear all panels**.

Pour supprimer tous les panneaux d’un workspace automatique ou manuel, vous pouvez également [réinitialiser le workspace](#reset-a-workspace). Sélectionnez **Automatic** pour repartir de l’ensemble de panneaux par défaut, ou **Manual** pour repartir d’un workspace vide, sans aucun panneau.

<h2 id="manage-sections">
  Gérer les sections
</h2>

Les sections regroupent les panneaux associés, ce qui facilite la consultation des workspaces volumineux. Par défaut, les sections d’un workspace reflètent la hiérarchie de journalisation de vos clés. En revanche, dans un workspace manuel, les sections n’apparaissent qu’à partir du moment où vous ajoutez des panneaux.

<h3 id="add-a-section">
  Ajouter une section
</h3>

Pour ajouter une section, cliquez sur **ajouter une section** après la dernière section.

Pour ajouter une nouvelle section avant ou après une section existante, vous pouvez plutôt ouvrir le menu **action (<Icon icon="ellipsis" iconType="solid" />)** de la section, puis cliquer sur **New section below** ou **New section above**.

<Warning>
  Ne nommez pas une section « Section ». En raison d’une limitation connue, les panneaux de cette section ne s’affichent pas tant que vous ne l’avez pas renommée.
</Warning>

<h3 id="manage-a-sections-panels">
  Gérer les panneaux d’une section
</h3>

Dans une section, vous pouvez redimensionner les panneaux, gérer la pagination et supprimer des panneaux individuellement. Les sections comportant de nombreux panneaux sont paginées par défaut. Le nombre de panneaux affichés par défaut sur une page dépend de la configuration du panneau et de la taille des panneaux de la section.

Pour redimensionner un panneau, survolez-le, cliquez sur la poignée de déplacement, puis faites-la glisser pour ajuster la taille du panneau. Lorsque vous redimensionnez un panneau, tous les panneaux de la section sont redimensionnés.

Si une section est paginée, vous pouvez personnaliser le nombre de panneaux à afficher par page :

1. En haut de la section, cliquez sur **1 to `[X]` of `[Y]`**, où `[X]` correspond au nombre de panneaux visibles et `[Y]` au nombre total de panneaux.
2. Choisissez le nombre de panneaux à afficher par page, jusqu’à 100.

Pour supprimer un panneau d’une section :

1. Survolez le panneau, puis cliquez sur son menu **action (<Icon icon="ellipsis" iconType="solid" />)**.
2. Cliquez sur **Delete**.

Si vous réinitialisez un workspace en workspace automatisé, tous les panneaux supprimés réapparaissent.

<h3 id="rename-a-section">
  Renommer une section
</h3>

Pour renommer une section, cliquez sur son menu **action (<Icon icon="ellipsis" iconType="solid" />)**, puis sur **Rename section**.

<Warning>
  Ne nommez pas une section « Section ». En raison d’une limitation connue, les panneaux de cette section ne sont pas rendus tant que vous ne l’avez pas renommée.
</Warning>

<h3 id="delete-a-section">
  Supprimer une section
</h3>

Pour supprimer une section, cliquez sur le menu **action (<Icon icon="ellipsis" iconType="solid" />)**, puis sur **Delete section**. La section est alors supprimée, ainsi que tous ses panneaux.