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

# Dashboard templates

> Importing pre-built dashboard templates in ClickStack

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

ClickStack includes a library of pre-built dashboard templates that give you instant visibility into common infrastructure and application metrics.

<h2 id="browsing-templates">
  Browsing available templates
</h2>

To browse the built-in template library, navigate to **Dashboards** and click **Browse dashboard templates**.

<Image img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/0q6iTuCC0qup5NC4/images/use-cases/observability/browse-dashboard-template.png?fit=max&auto=format&n=0q6iTuCC0qup5NC4&q=85&s=08558386ac067d94139c58df47d3e922" alt="Browse Dashboard Templates Button" size="lg" width="1462" height="489" data-path="images/use-cases/observability/browse-dashboard-template.png" />

This opens the template gallery, where templates are organized by category. Click **Import** to begin the import flow for that template.

<Image img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/FZqG0tBuMc0GoOY1/images/use-cases/observability/dashboard-template-gallery.png?fit=max&auto=format&n=FZqG0tBuMc0GoOY1&q=85&s=619ac061a475299ac015683e2d15611a" alt="Dashboard Template Gallery" size="lg" width="1209" height="600" data-path="images/use-cases/observability/dashboard-template-gallery.png" />

<h2 id="importing-a-template">
  Importing a template
</h2>

To import a template, a data source must be set for each dashboard visualization. Select a data source from the dropdown for each visualization, then click `Finish Import`.

<Image img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/Wpmp4N2VLv_V8ziJ/images/use-cases/observability/import-dashboard-template.png?fit=max&auto=format&n=Wpmp4N2VLv_V8ziJ&q=85&s=811b0eae7a211c03910c0ba3df99de51" alt="Dashboard Template Import" size="lg" width="1210" height="892" data-path="images/use-cases/observability/import-dashboard-template.png" />

<h2 id="pre-built-templates">
  Pre-built templates
</h2>

<h3 id="otel-runtime-metrics">
  OTel runtime metrics
</h3>

The built-in OTel Runtime Metrics templates are designed for applications instrumented with [OpenTelemetry runtime metrics](https://opentelemetry.io/docs/specs/semconv/runtime/).

| Template                    | Description                                                                                        |
| --------------------------- | -------------------------------------------------------------------------------------------------- |
| **.NET Runtime Metrics**    | GC collections, heap size, thread pool usage, and assembly counts for .NET applications            |
| **Go Runtime Metrics**      | Goroutine counts, GC pause times, heap usage, and memory stats for Go applications                 |
| **JVM Runtime Metrics**     | Heap and non-heap memory, GC duration, thread counts, and class loading for JVM-based applications |
| **Node.js Runtime Metrics** | Event loop delay, heap usage, CPU utilization, and V8 memory for Node.js applications              |

Notes:

* Each template is configured with a [custom filter](/clickstack/features/dashboards/overview#custom-filters) for services which have the [`telemetry.sdk.language`](https://opentelemetry.io/docs/specs/semconv/registry/attributes/telemetry/#telemetry-sdk-language) resource attribute matching the dashboard's runtime.
  * Environments with custom ClickHouse metric table schemas may need to adjust this filter to query the correct Service Name and Resource Attributes columns.
  * For high-volume environments, filter load times can be reduced by [materializing](/clickstack/managing/performance-tuning#materialize-frequently-queried-attributes) the `ResourceAttributes['telemetry.sdk.language']` column.
* Templates reference up-to-date OTel Semantic Conventions when published, and are updated periodically as the OTel Spec is updated. For services instrumented with older OTel SDKs, the visualizations may need to be [edited](/clickstack/features/dashboards/overview#dashboards-editing-visualizations) to reference older metric names.