> ## Documentation Index
> Fetch the complete documentation index at: https://clickhouse.com/docs/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 = "lg"}) => {
  const normalizedSize = ["sm", "md", "lg"].includes(size) ? size : "lg";
  return <div className={`ch-image-${normalizedSize}`}>
      <Frame>
        <img src={img} alt={alt} />
      </Frame>
    </div>;
};

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/0q34g_AjISMsyr4Q/images/use-cases/observability/browse-dashboard-template.webp?fit=max&auto=format&n=0q34g_AjISMsyr4Q&q=85&s=a979efc63c67dfbb58eef59862898ccd" alt="Botão Explorar templates de dashboard" size="lg" width="1462" height="489" data-path="images/use-cases/observability/browse-dashboard-template.webp" />

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

<Image img="https://mintcdn.com/private-7c7dfe99/0q34g_AjISMsyr4Q/images/use-cases/observability/dashboard-template-gallery.webp?fit=max&auto=format&n=0q34g_AjISMsyr4Q&q=85&s=ffb7c80946bda2ef1cfe6947befd721d" alt="Galeria de templates de dashboard" size="lg" width="1209" height="600" data-path="images/use-cases/observability/dashboard-template-gallery.webp" />

<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/xE8TEsdF6028Tf3x/images/use-cases/observability/import-dashboard-template.webp?fit=max&auto=format&n=xE8TEsdF6028Tf3x&q=85&s=1f57f2d2599eec404d252972ebf02126" alt="Importação de template de dashboard" size="lg" width="1210" height="892" data-path="images/use-cases/observability/import-dashboard-template.webp" />

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

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

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

| Template                    | Description                                                                                                           |
| --------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| **.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** | Atraso do loop de eventos, uso do heap, utilização de CPU e memória V8 para aplicações Node.js                        |

Observações:

* Cada template é configurado com um [filtro personalizado](/docs/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 de tabelas de métricas do ClickHouse talvez precisem ajustar esse filtro para consultar as colunas corretas de Service Name e Resource Attributes.
  * Em ambientes de alto volume, os tempos de carregamento do filtro podem ser reduzidos [materializando](/docs/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 mais atuais do OTel quando são publicados e são atualizados periodicamente conforme a especificação do OTel é atualizada. Para serviços instrumentados com SDKs mais antigos do OTel, talvez seja necessário [editar](/docs/pt-BR/clickstack/features/dashboards/overview#dashboards-editing-visualizations) as visualizações para que façam referência a nomes de métricas mais antigos.