Analytics

Blocos de métrica — KpiCard (indicador único) e TagCloud (nuvem de tags por peso) para dashboards.

KPI

A camada Analytics reúne blocos que comunicam um número/destaque — não são gráficos geométricos. Compõem dashboards ao lado das famílias de Charts.

API completa no EletroDS — props, slots e demo interativa.

KpiCard

Indicador-chave: um número grande com rótulo, ícone em círculo tonalizado e uma variação opcional. Use quando a tela precisa destacar uma métrica isolada (conversões, total, ticket médio) em vez de uma série comparável.

A variação (trend) ganha um pill colorido por sinal: positivo em verde (--ui-success), negativo em vermelho (--ui-error) — tokens semânticos do EDS, ver Cores. Mostre a variação só quando ela ajuda a leitura; um KPI sem contexto temporal pode dispensá-la.

Escala no compact (Sidebar)

No tamanho padrão e maiores o KpiCard mantém suas dimensões. Em compact (Sidebar), onde a altura vem do card estreito, o conteúdo escala em proporção à altura disponível (ícone, label, valor e trend) para não cortar nem ficar ilegível. No corpo (body) nada muda.

Estados & acessibilidade

Cubra os três estados de dado: carregando (skeleton no lugar do conteúdo), erro (alerta com texto de falha) e vazio (quando não há valor). O card expõe role="group" + aria-label resumindo label, valor e variação, para que leitores de tela anunciem o indicador como uma unidade.

TagCloud

Nuvem de tags onde tamanho e cor variam com o peso (maior peso = maior e mais "quente": cinza → teal → azul → laranja → vermelho). As posições são livres — não agrupa por peso.

Tag Cloud

Quando usar: distribuição de status/termos por frequência, quando o objetivo é dar a sensação do que pesa mais. Quando NÃO usar: valores precisos e comparáveis — prefira Bar.