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

# Plantillas de dashboards

> Importación de plantillas de dashboards predefinidas en ClickStack

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

ClickStack incluye una biblioteca de plantillas de dashboards preconfigurados que le ofrecen visibilidad inmediata de las métricas comunes de infraestructura y aplicaciones.

<div id="browsing-templates">
  ## Explorar las plantillas disponibles
</div>

Para explorar la biblioteca integrada de plantillas, ve a **Dashboards** y haz clic en **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="Botón Browse Dashboard Templates" size="lg" width="1462" height="489" data-path="images/use-cases/observability/browse-dashboard-template.png" />

Esto abre la galería de plantillas, donde se organizan por categoría. Haz clic en **Import** para iniciar el proceso de importación de esa plantilla.

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

<div id="importing-a-template">
  ## Importar una plantilla
</div>

Para importar una plantilla, debes configurar una fuente de datos para cada visualización del dashboard. Selecciona una fuente de datos en el menú desplegable de cada visualización y, luego, haz clic en `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="Importación de una plantilla de dashboard" size="lg" width="1210" height="892" data-path="images/use-cases/observability/import-dashboard-template.png" />

<div id="pre-built-templates">
  ## Plantillas predefinidas
</div>

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

Las plantillas integradas de OTel Runtime Metrics están diseñadas para aplicaciones instrumentadas con [métricas de runtime de OpenTelemetry](https://opentelemetry.io/docs/specs/semconv/runtime/).

| Template                    | Description                                                                                                              |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| **.NET Runtime Metrics**    | Colecciones del GC, tamaño del heap, uso del thread pool y recuento de ensamblados para aplicaciones .NET                |
| **Go Runtime Metrics**      | Recuento de goroutines, tiempos de pausa del GC, uso del heap y estadísticas de memoria para aplicaciones Go             |
| **JVM Runtime Metrics**     | Memoria del heap y fuera del heap, duración del GC, recuento de hilos y carga de clases para aplicaciones basadas en JVM |
| **Node.js Runtime Metrics** | Latencia del bucle de eventos, uso del heap, utilización de CPU y memoria de V8 para aplicaciones Node.js                |

Notas:

* Cada plantilla está configurada con un [filtro personalizado](/es/clickstack/features/dashboards/overview#custom-filters) para servicios cuyo atributo de recurso [`telemetry.sdk.language`](https://opentelemetry.io/docs/specs/semconv/registry/attributes/telemetry/#telemetry-sdk-language) coincide con el runtime del dashboard.
  * Los entornos con esquemas personalizados para las tablas de métricas de ClickHouse pueden necesitar ajustar este filtro para consultar las columnas correctas de Service Name y Resource Attributes.
  * En entornos de alto volumen, los tiempos de carga del filtro pueden reducirse [materializando](/es/clickstack/managing/performance-tuning#materialize-frequently-queried-attributes) la columna `ResourceAttributes['telemetry.sdk.language']`.
* Las plantillas hacen referencia a las Convenciones Semánticas de OTel vigentes en el momento de su publicación y se actualizan periódicamente conforme se actualiza la especificación de OTel. En el caso de servicios instrumentados con SDKs de OTel más antiguos, puede ser necesario [editar](/es/clickstack/features/dashboards/overview#dashboards-editing-visualizations) las visualizaciones para que apunten a nombres de métricas anteriores.