z-uiDesign system
Gráficos

Composições

Cartões de painel que juntam um número de destaque com um gráfico pequeno. O número responde à pergunta; o gráfico mostra de onde ele veio. Cada cartão tem tooltip no hover e a mesma informação em tabela.

Volume e conclusão

Quanto foi enviado, quanto foi assinado e o que ainda falta.

Envelopes em outubro

Comparado a setembro de 2026, com a tendência desde janeiro

Enviados702Alta de +5,7%vs set.
Assinados655Alta de +6%vs set.
Recusados24Alta de +4,3%vs set.

Assinados contra a meta

Meta mensal de 550 envelopes, na mesma escala das barras

655Meta batida em 4 de 10 meses
Meses abaixo da meta ficam mais claros. A meta é uma linha de referência no mesmo eixo, nunca um segundo eixo.

Taxa de conclusão

Envelopes enviados em outubro de 2026

93,3%concluídos
Aguardando assinatura
  • Contrato de locação · Sala 304Em assinaturaAguarda 1 de 3 signatários · Vence em 19/10
  • Aditivo de prestação de serviçosEnviadoAguarda 2 de 2 signatários · Vence em 21/10
  • Termo de confidencialidade · FornecedorEm assinaturaAguarda 1 de 2 signatários · Vence em 24/10
655 de 702 envelopes assinados; 7 ainda em andamento.

Tempo e eficiência

Quanto tempo leva para um envelope ser assinado e quando as assinaturas acontecem.

Tempo médio até a assinatura

Horas entre o envio e a última assinatura, com previsão até dezembro

6,2 hQueda de -4,6%vs set.
  • Realizado
  • Previsão
  • Faixa da previsão
Previsão e faixa usam a mesma escala do realizado. A linha tracejada marca o que ainda não aconteceu.

Assinaturas por dia e horário

Média por semana em outubro de 2026, das 8h às 20h

Terça, 11hHorário com mais assinaturas: 88 por semana

Passe o ponteiro ou use Tab para ver cada horário.

Seg
Ter
Qua
Qui
Sex
Sáb
Dom
MenosMais0 a 90 por faixa de 13

Signatários e canais

Quem assina mais rápido e por onde os envelopes chegam.

Signatários mais rápidos

Mediana de tempo até assinar em outubro de 2026, com 15 envelopes ou mais

  1. 1º
    Marina CoutoJurídico · 38 envelopes
    0,4 h
  2. 2º
    Rafael AntunesFinanceiro · 52 envelopes
    0,7 h
  3. 3º
    Beatriz LemosPessoas · 27 envelopes
    1,1 h
  4. 4º
    Caio FerrazCompras · 44 envelopes
    1,6 h
  5. 5º
    Lívia PradoDiretoria · 19 envelopes
    2,3 h
Barra menor é mais rápido. A escala vai de zero ao maior tempo da lista.

Envios por canal

Outubro de 2026, com a tendência de maio a outubro

Envios por canal em outubro de 2026
CanalEnviadosConclusãoMai a out
E-mail412+4,3%94,2%
WhatsApp198+9,4%96,5%
SMS61-3,2%88,5%
Link direto31+3,3%83,9%
Cada canal mantém o mesmo slot da paleta em todos os gráficos: e-mail é o 1, WhatsApp o 2, SMS o 3 e link direto o 4.

Uso

O cartão de KPI é um número com tokens de texto, uma variação com ícone e texto e uma sparkline sem eixos.

<div className="flex flex-col gap-1">
  <span className="text-body-sm text-fg-muted">Assinados</span>
  <span className="text-page-title text-fg-strong">655</span>
  <span className="inline-flex items-center gap-1 text-body-sm text-fg-success">
    <TrendingUp className="size-4" aria-hidden /> Alta de +6% <span className="text-fg-muted">vs set.</span>
  </span>
  <ChartContainer config={{ signed: { label: "Assinados", color: "var(--color-chart-1)" } }} className="aspect-auto h-12 w-full">
    <LineChart data={envelopesByMonth}>
      <XAxis dataKey="month" hide />
      <YAxis hide domain={["dataMin", "dataMax"]} />
      <Line dataKey="signed" stroke="var(--color-signed)" strokeWidth={2} dot={false} />
    </LineChart>
  </ChartContainer>
</div>