> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-vortex-format.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-vortex-format/vnt1RXee1wStk7Ew/images/use-cases/observability/browse-dashboard-template.webp?fit=max&auto=format&n=vnt1RXee1wStk7Ew&q=85&s=af61a1de96222a5c54618ce8b19fea46" 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-vortex-format/vnt1RXee1wStk7Ew/images/use-cases/observability/dashboard-template-gallery.webp?fit=max&auto=format&n=vnt1RXee1wStk7Ew&q=85&s=9973c69ef9af7635d9dd391ce927f075" 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-vortex-format/K8mBGehJZkP5k-VE/images/use-cases/observability/import-dashboard-template.webp?fit=max&auto=format&n=K8mBGehJZkP5k-VE&q=85&s=576e042c5b6f8ea97f1ed87a285cae94" 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) визуализации, чтобы они ссылались на более старые имена метрик.