SEED · Dataviz — sub-bloco DG (gráficos core)

Gráfico de linha, janeiro a junho de 2026. PR sobe de 79,2% para 83,1%. Eixo vertical truncado, iniciando em 74%.

DG4 Três condições para truncar: eixo rotulado, mínimo explícito e marca visual de truncamento (o duplo traço na base). Truncar sem as três é dramatizar variação.

Gráfico de área, janeiro a junho de 2026. Geração cresce de 96 para 142 MWh. Eixo inicia em zero.

DG4 Curva monótona (nunca ultrapassa os valores reais — spline genérica inventaria picos) com gradiente 22%→0 sob o traço: a área comunica magnitude sem pesar.

Gráfico de barras empilhadas, março a junho de 2026, em kWh. Três segmentos: fora ponta (base), reservado e ponta. Total cresce de 6.620 para 7.465 kWh.

DG10-c Fora ponta está na base porque é o segmento que o cliente compara mês a mês — é o único sobre a linha de zero. DG14 Sem contorno: os segmentos se separam por vão de 2px (espaço negativo na cor do cartão) — separação por geometria, que funciona contra qualquer cor, em qualquer modo. Supersede o DG11: o contorno cinza-900 era o que dava o ar de relatório antigo. DG13 Em escuro+grayscale as texturas continuam assumindo — a paleta melhora o colorido, não revoga a textura.

Gráfico de barras agrupadas, mesmos dados. Cada posto tarifário parte da mesma linha de zero, o que permite comparar ponta entre meses.

DG10-a A agrupada é a saída obrigatória da empilhada, não uma alternativa de gosto. Repare que aqui o total sumiu: cada gráfico responde uma pergunta.

Gráfico de pizza, cinco fatias somando 100%. UFV responde por 45%; rede fora ponta 25%; rede ponta 15%; créditos 10%; reservado 5%.

DG5 Cinco fatias — o máximo — cobrindo as 5 famílias de matiz, adjacentes com ≥5 p.p. de diferença. Rótulo interno só onde a tinta atinge 4,5 sobre o fill; as demais saem com guia. DG14 Sem contorno: as fatias se separam por matiz, e em escuro+grayscale a textura do DG13 assume.

Gráfico de barras horizontais ordenado. Sete componentes de custo entre 18,4% e 9,1% — diferenças abaixo de 5 pontos percentuais.

DG5 Sete fatias, todas separadas por menos de 5 p.p.: duas travas violadas de uma vez. A barra horizontal ordenada responde a mesma pergunta e ainda cabe em 360px sem rótulo rotacionado DG8.

Estado de espera.

Carregando o gráfico de geração por usina.

S2 O skeleton espelha a moldura real — eixos, base e cinco barras na mesma posição — e trava o layout: nada salta quando o dado chega. S3 Shimmer E→D 1,8 s, desligado em prefers-reduced-motion. S5 Aos 15 s sem resposta, vira o estado de erro ao lado.

Estado vazio, tipo zero-resultados.

Z1 Zero-resultados não recebe CTA de criação — a ação oferecida mexe no filtro, que é a causa. Z2 Título de 4 palavras, sem ponto final; uma ação só.

Estado de erro.

S5 É o destino do timeout de 15 s. §15 Alerta em role="alert", no lugar do gráfico — não empilhado por cima dele.

Gráfico de barras. UFV Teófilo não reportou medição em junho — a barra aparece hachurada, e isso é diferente de gerar zero.

DT chart-no-data sempre hachurado, com o item “sem medição” na legenda e o traço — na tabela. A distinção “gerou pouco × não reportou” nunca depende de cor — sobrevive ao grayscale e ao impresso. Foi o achado do seu gate que criou esta regra.

Barras-pílula horizontais, série única, valor em mono.

DG15 Pílula sobre trilha em surface-subtle; a trilha dá a escala sem precisar de grade.

A quarta-feira concentra o pico; as demais em cinza de contexto.

DG17 Uma cor onde está a mensagem, contexto em cinza-200. Recomendado sempre que há UM achado.