# Dashboard analítico

> Documentación de QuicklyCSS V2 2.0.0-alpha.2. Versión preliminar.

- Página canónica: https://quicklycss.cl/docs/template-panel.php
- Catálogo de API: https://quicklycss.cl/quicklycss-api.json
- Índice para IA: https://quicklycss.cl/llms.txt

Template 01

Un centro de control completo con navegación lateral, indicadores, actividad, tablas y visualizaciones de datos.

Framework only

✓

## Sin CSS adicional
La página utiliza únicamente elementos HTML y clases incluidas en QuicklyCSS V2. No contiene estilos embebidos ni clases específicas de la plantilla.

Aplicación del template

## Una vista completa para tomar decisiones

El template Panel reproduce la arquitectura de un dashboard profesional: navegación persistente, cuatro indicadores principales, visión de audiencia, distribución por dispositivo, rankings, actividad y reportes tabulares.

La interfaz está construida con el layout, componentes y utilidades públicas de QuicklyCSS V2. Chart.js actúa únicamente como motor para representar los datos dentro de los componentes visuales.

![Vista del dashboard analítico con navegación lateral, indicadores, gráficos, tablas y actividad reciente](assets/img/template-panel.png)

Dashboard responsive compuesto con QuicklyCSS V2.

[Abrir página](../templates/panel/index.html)
[Descargar template](../dist/templates/quicklycss-template-panel.zip)

Arquitectura

## Composición del template
La plantilla coordina estructura, contenidos, utilidades y componentes sin introducir una capa paralela de estilos.

01
### Navegación
Navbar superior y menú lateral oscuro organizan las áreas del dashboard.

02
### Indicadores
Cards y Badges resumen sesiones, duración, ingresos y conversiones.

03
### Datos operativos
Gráficos, tablas y actividad reciente permiten comparar el rendimiento.