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

# Шаблоны дашбордов

> Импорт преднастроенных шаблонов дашбордов в 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>;
};

ClickStack включает библиотеку преднастроенных шаблонов дашбордов, которые позволяют сразу получить представление о распространённых метриках инфраструктуры и приложений.

<div id="browsing-templates">
  ## Просмотр доступных шаблонов
</div>

Чтобы просмотреть встроенную библиотеку шаблонов, перейдите в раздел **Панели мониторинга** и нажмите **Просмотреть Template панелей мониторинга**.

<Image img="https://mintcdn.com/private-7c7dfe99-revert-104359-revert-104251-parquet-single/ngnz2jfvbPy6e1vE/images/use-cases/observability/browse-dashboard-template.webp?fit=max&auto=format&n=ngnz2jfvbPy6e1vE&q=85&s=5b65bd8cb9c58bf5c7e4d1e8a8496891" alt="Кнопка «Просмотреть Template панелей мониторинга»" size="lg" width="1462" height="489" data-path="images/use-cases/observability/browse-dashboard-template.webp" />

Откроется галерея шаблонов, где они сгруппированы по категориям. Нажмите **Импортировать**, чтобы начать импорт этого шаблона.

<Image img="https://mintcdn.com/private-7c7dfe99-revert-104359-revert-104251-parquet-single/ngnz2jfvbPy6e1vE/images/use-cases/observability/dashboard-template-gallery.webp?fit=max&auto=format&n=ngnz2jfvbPy6e1vE&q=85&s=620efa8a45f138b46a59d8d9e3b22e1b" alt="Галерея Template панелей мониторинга" size="lg" width="1209" height="600" data-path="images/use-cases/observability/dashboard-template-gallery.webp" />

<div id="importing-a-template">
  ## Импорт шаблона
</div>

Чтобы импортировать шаблон, для каждой визуализации на панели мониторинга нужно указать источник данных. Выберите источник данных из раскрывающегося списка для каждой визуализации, затем нажмите `Finish Import`.

<Image img="https://mintcdn.com/private-7c7dfe99-revert-104359-revert-104251-parquet-single/DDbSPyhWOeTGRmIj/images/use-cases/observability/import-dashboard-template.webp?fit=max&auto=format&n=DDbSPyhWOeTGRmIj&q=85&s=71a987942bc0660a4845337560e412b3" alt="Импорт Template панели мониторинга" size="lg" width="1210" height="892" data-path="images/use-cases/observability/import-dashboard-template.webp" />

<div id="pre-built-templates">
  ## Готовые шаблоны
</div>

<div id="otel-runtime-metrics">
  ### Метрики среды выполнения OTel
</div>

Встроенные шаблоны OTel Runtime Metrics предназначены для приложений, в которых настроен сбор [метрик среды выполнения OpenTelemetry](https://opentelemetry.io/docs/specs/semconv/runtime/).

| Template                    | Description                                                                                          |
| --------------------------- | ---------------------------------------------------------------------------------------------------- |
| **.NET Runtime Metrics**    | Циклы GC, размер кучи, использование пула потоков и количество сборок для приложений .NET            |
| **Go Runtime Metrics**      | Количество горутин, время пауз GC, использование кучи и статистика памяти для приложений Go          |
| **JVM Runtime Metrics**     | Память кучи и вне кучи, длительность GC, количество потоков и загрузка классов для приложений на JVM |
| **Node.js Runtime Metrics** | Задержка цикла событий, использование кучи, загрузка CPU и память V8 для приложений Node.js          |

Примечания:

* Для каждого шаблона настроен [пользовательский фильтр](/ru/clickstack/features/dashboards/overview#custom-filters) для сервисов, у которых атрибут ресурса [`telemetry.sdk.language`](https://opentelemetry.io/docs/specs/semconv/registry/attributes/telemetry/#telemetry-sdk-language) соответствует среде выполнения панели мониторинга.
  * В средах с пользовательскими схемами таблиц метрик ClickHouse может потребоваться скорректировать этот фильтр, чтобы он обращался к нужным столбцам Service Name и Resource Attributes.
  * В средах с большим объёмом данных время загрузки фильтра можно сократить, [материализовав](/ru/clickstack/managing/performance-tuning#materialize-frequently-queried-attributes) столбец `ResourceAttributes['telemetry.sdk.language']`.
* На момент публикации шаблоны ссылаются на актуальные семантические соглашения OTel и периодически обновляются вместе с обновлениями спецификации OTel. Для сервисов, инструментированных более старыми OTel SDK, может потребоваться [отредактировать](/ru/clickstack/features/dashboards/overview#dashboards-editing-visualizations) визуализации, чтобы они ссылались на более старые имена метрик.