> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-mintlify-fbfa8bee.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Modèles de tableaux de bord

> Importation de modèles de tableaux de bord préconfigurés dans ClickStack

export const Image = ({img, alt, size}) => {
  return <Frame>
      <img src={img} alt={alt} />
    </Frame>;
};

ClickStack comprend une bibliothèque de modèles de tableau de bord prêts à l’emploi qui vous offrent une visibilité immédiate sur les métriques courantes de l’infrastructure et des applications.

<div id="browsing-templates">
  ## Parcourir les modèles disponibles
</div>

Pour parcourir la bibliothèque de modèles intégrés, accédez à **Tableaux de bord**, puis cliquez sur **Parcourir les modèles de tableaux de bord**.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/rAbHds-Qg-CuiaPi/images/use-cases/observability/browse-dashboard-template.png?fit=max&auto=format&n=rAbHds-Qg-CuiaPi&q=85&s=58f88e84dadd1731dc3f77c78fe21173" alt="Bouton Parcourir les modèles de tableaux de bord" size="lg" width="1462" height="489" data-path="images/use-cases/observability/browse-dashboard-template.png" />

Cela ouvre la galerie de modèles, dans laquelle ils sont classés par catégorie. Cliquez sur **Importer** pour démarrer le processus d'importation de ce modèle.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/rAbHds-Qg-CuiaPi/images/use-cases/observability/dashboard-template-gallery.png?fit=max&auto=format&n=rAbHds-Qg-CuiaPi&q=85&s=16e9106260fc9cb260909e88a67a6542" alt="Galerie de modèles de tableaux de bord" size="lg" width="1209" height="600" data-path="images/use-cases/observability/dashboard-template-gallery.png" />

<div id="importing-a-template">
  ## Importer un modèle
</div>

Pour importer un modèle, vous devez définir une source de données pour chaque visualisation du tableau de bord. Sélectionnez une source de données dans la liste déroulante pour chaque visualisation, puis cliquez sur `Finish Import`.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-fbfa8bee/Y4vFHGANad_GoFVH/images/use-cases/observability/import-dashboard-template.png?fit=max&auto=format&n=Y4vFHGANad_GoFVH&q=85&s=d7ee0511b6d4935e9c5ced3df5c715ed" alt="Importation d’un modèle de tableau de bord" size="lg" width="1210" height="892" data-path="images/use-cases/observability/import-dashboard-template.png" />

<div id="pre-built-templates">
  ## Modèles préconfigurés
</div>

<div id="otel-runtime-metrics">
  ### Métriques runtime OTel
</div>

Les modèles intégrés OTel Runtime Metrics sont conçus pour les applications instrumentées avec les [métriques runtime OpenTelemetry](https://opentelemetry.io/docs/specs/semconv/runtime/).

| Modèle                      | Description                                                                                                                  |
| --------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| **.NET Runtime Metrics**    | Collections du GC, taille du tas, utilisation du pool de threads et nombre d’assemblys pour les applications .NET            |
| **Go Runtime Metrics**      | Nombre de goroutines, temps de pause du GC, utilisation du tas et statistiques mémoire pour les applications Go              |
| **JVM Runtime Metrics**     | Mémoire du tas et hors tas, durée du GC, nombre de threads et chargement des classes pour les applications basées sur la JVM |
| **Node.js Runtime Metrics** | Latence de la boucle d’événements, utilisation du tas, utilisation du CPU et mémoire V8 pour les applications Node.js        |

Remarques :

* Chaque modèle est configuré avec un [filtre personnalisé](/fr/clickstack/features/dashboards/overview#custom-filters) pour les services dont l’attribut de ressource [`telemetry.sdk.language`](https://opentelemetry.io/docs/specs/semconv/registry/attributes/telemetry/#telemetry-sdk-language) correspond au runtime du tableau de bord.
  * Les environnements avec des schémas de tables de métriques ClickHouse personnalisés peuvent devoir ajuster ce filtre pour interroger les bonnes colonnes Service Name et Resource Attributes.
  * Pour les environnements à fort volume, les temps de chargement des filtres peuvent être réduits en [matérialisant](/fr/clickstack/managing/performance-tuning#materialize-frequently-queried-attributes) la colonne `ResourceAttributes['telemetry.sdk.language']`.
* Les modèles référencent les conventions sémantiques OTel les plus récentes au moment de leur publication et sont mis à jour périodiquement à mesure que la spécification OTel évolue. Pour les services instrumentés avec d’anciens SDK OTel, les visualisations peuvent devoir être [modifiées](/fr/clickstack/features/dashboards/overview#dashboards-editing-visualizations) pour pointer vers d’anciens noms de métriques.