> ## 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.

# Templates de dashboard

> Importação de templates de dashboard prontos para uso no ClickStack

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

O ClickStack inclui uma biblioteca de templates de dashboards pré-configurados que oferecem visibilidade imediata de métricas comuns de infraestrutura e aplicações.

<div id="browsing-templates">
  ## Navegando pelos templates disponíveis
</div>

Para navegar pela biblioteca integrada de templates, vá para **Dashboards** e clique em **Explorar templates de dashboard**.

<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="Botão Explorar templates de dashboard" size="lg" width="1462" height="489" data-path="images/use-cases/observability/browse-dashboard-template.png" />

Isso abre a galeria de templates, onde eles são organizados por categoria. Clique em **Importar** para iniciar o fluxo de importação desse template.

<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="Galeria de templates de dashboard" size="lg" width="1209" height="600" data-path="images/use-cases/observability/dashboard-template-gallery.png" />

<div id="importing-a-template">
  ## Importando um template
</div>

Para importar um template, é preciso definir uma fonte de dados para cada visualização do dashboard. Selecione uma fonte de dados no menu suspenso de cada visualização e clique em `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="Importação de template de dashboard" size="lg" width="1210" height="892" data-path="images/use-cases/observability/import-dashboard-template.png" />

<div id="pre-built-templates">
  ## Templates prontos
</div>

<div id="otel-runtime-metrics">
  ### Métricas de runtime do OTel
</div>

Os templates integrados de métricas de runtime do OTel foram criados para aplicações instrumentadas com [métricas de runtime do OpenTelemetry](https://opentelemetry.io/docs/specs/semconv/runtime/).

| Template                    | Descrição                                                                                                             |
| --------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| **.NET Runtime Metrics**    | Coletas do GC, tamanho do heap, uso do thread pool e contagem de assemblies para aplicações .NET                      |
| **Go Runtime Metrics**      | Contagem de goroutines, tempos de pausa do GC, uso do heap e estatísticas de memória para aplicações Go               |
| **JVM Runtime Metrics**     | Memória heap e non-heap, duração do GC, contagem de threads e carregamento de classes para aplicações baseadas em JVM |
| **Node.js Runtime Metrics** | Latência do event loop, uso do heap, utilização de CPU e memória do V8 para aplicações Node.js                        |

Observações:

* Cada template é configurado com um [filtro personalizado](/pt-BR/clickstack/features/dashboards/overview#custom-filters) para serviços cujo atributo de recurso [`telemetry.sdk.language`](https://opentelemetry.io/docs/specs/semconv/registry/attributes/telemetry/#telemetry-sdk-language) corresponda ao runtime do dashboard.
  * Ambientes com schemas personalizados para tabelas de métricas do ClickHouse talvez precisem ajustar esse filtro para consultar as colunas corretas de Nome do Serviço e Atributos de Recurso.
  * Em ambientes de alto volume, o tempo de carregamento do filtro pode ser reduzido [materializando](/pt-BR/clickstack/managing/performance-tuning#materialize-frequently-queried-attributes) a coluna `ResourceAttributes['telemetry.sdk.language']`.
* Os templates fazem referência às Convenções Semânticas do OTel mais atuais no momento da publicação e são atualizados periodicamente conforme a especificação do OTel evolui. Para serviços instrumentados com SDKs do OTel mais antigos, talvez seja necessário [editar](/pt-BR/clickstack/features/dashboards/overview#dashboards-editing-visualizations) as visualizações para referenciar nomes de métricas antigos.