> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xquiz.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Gráfico

> Elemento para mostrar dados comparativos

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/images/grafico-1.png?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=ddbccc4cd20cd763a5b236a18b8afd86" width="1250" height="900" data-path="images/grafico-1.png" />

El elemento Gráfico te permite presentar información de forma visual y comparativa, facilitando la lectura de datos como progreso, rendimiento, niveles o categorías. Es ideal para páginas de resultados o diagnóstico que necesitan transmitir claridad e impacto.

**Para qué sirve**

* Comparar niveles de evaluación o categorías (por ejemplo, Nivel 1, 2, 3).

* Mostrar evolución o progreso.

* Hacer los datos más fáciles de interpretar y visualmente atractivos.

**Plantillas disponibles:**

Barras: barras verticales con llenado dinámico.

**Lo que puedes configurar**

**Opciones (cada elemento de comparación):**

* Título y Subtítulo.

* Puntuación (valor que define el llenado de la barra).

* Etiqueta (texto arriba de la barra).

* Descripción (texto debajo de la barra).

**Animación:**

* Elige el tipo de entrada visual (por ejemplo, aparecer).

**Colores personalizados:**

Personaliza colores de fondo, borde, barra y texto.

**¡Consejo de uso!**

Este elemento es excelente para mostrar etapas de progreso (por ejemplo, "Principiante", "Intermedio" y "Avanzado") o para representar resultados visuales en diagnósticos. Transmite organización, profesionalismo y facilita la toma de decisiones para quienes ven el resultado.
