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

<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" />

O elemento Gráfico permite apresentar informações de forma visual e comparativa, facilitando a leitura de dados como progresso, desempenho, níveis ou categorias. É ideal para páginas de resultado ou diagnóstico que precisam transmitir clareza e impacto.

**Para que serve**

* Comparar níveis ou categorias de avaliação (ex: Nível 1, 2, 3).

* Mostrar evolução ou progresso.

* Deixar os dados mais fáceis de interpretar e mais atrativos visualmente.

**Modelos disponíveis:**

Barras: barras verticais com preenchimento dinâmico.

**O que você pode configurar**

**Opções (cada item da comparação):**

* Título e Subtítulo.

* Pontuação (valor que define o preenchimento da barra).

* Rótulo (texto sobre a barra).

* Descrição (texto abaixo da barra).

**Animação:**

* Escolha o tipo de entrada visual (ex: aparecer).

**Cores personalizadas:**

Personalize as cores de fundo, das bordas, das barras e dos textos.

**Dica de uso!**

Esse elemento é excelente para mostrar etapas de progresso (ex: “Início”, “Meio” e “Avançado”) ou para representar resultados visuais em diagnósticos. Ele transmite organização, profissionalismo e facilita a tomada de decisão por quem está vendo o resultado.
