COMPONENTES · 07 · GRÁFICOS DE OBRAGráficos de obra
Nove gráficos, todos SVG escrito à mão, nenhuma biblioteca. Todos sobre a mesma obra e os mesmos números, para que o painel nunca se contradiga: Residencial Modelo, mês 19 de 30, posição em 31/07/2026.
// obra ilustrativa. O Residencial Modelo não é a Times Square da LB in: os 22.480 m² e o avanço de 71,9% no mês 19 de 30 existem para exercitar os nove gráficos. A aritmética da obra piloto vive nos previews de cartão e de tabela.
Título afirma a conclusão, não nomeia a variável
"Avanço físico ao longo do tempo" descreve o eixo, e o eixo já se descreve sozinho. O título de todo gráfico deste sistema diz o que o gráfico prova: a obra está 6,7 pontos atrás do previsto. Quem lê o painel numa reunião de sexta tem quinze segundos, e a conclusão precisa estar no lugar onde o olho já está.
Regras que valem nos nove: marca fina, grade em hairline sólido e recuada, nunca traço pontilhado; rótulo direto só no extremo e no ponto que conta, nunca um número em cada ponto; legenda presente sempre que houver duas séries ou mais; 2px de superfície separando marca de marca, e nunca um contorno desenhado em volta; toda dica repete informação que também existe na tabela; e o número é sempre Spline Sans Mono tabular.
7.1 · A PALETA DE DADO, MEDIDA// os hex saíram dos tokens da marca e passaram pelo validador da skill dataviz, um teste por tema, contra a superfície real de cada um. Os números abaixo são de execução, não de estimativa.
| Papel | Claro | Escuro | Contraste claro | Contraste escuro | Onde aparece |
|---|---|---|---|---|---|
| Realizado | #007878 | #00AFAF | 5,12:1 | 6,49:1 | o que a obra fez |
| Previsto | #31474C | #5E7378 | 9,48:1 | 3,52:1 | a baseline, contexto |
| Desvio | #D97A15 | #F79633 | 3,00:1 | 7,84:1 | a diferença que exige decisão |
| Rampa sequencial, 4 degraus | #64C2C1 → #185153 | #1C5659 → #72C6C5 | 2,02:1 no extremo | 2,11:1 no extremo | heatmap de medição |
// separação medida com --pairs all, o teste mais duro, no par realizado contra previsto: ΔE 15,0 de visão normal e 13,5 sob deuteranopia no claro; 17,0 e 14,1 no escuro. Piso de visão normal é 15 e alvo de deficiência de cor é 8.
// duas reprovações assumidas, com motivo escrito no CSS deste arquivo: o piso de croma, porque no matiz 195 do teal não existe passo em sRGB com croma acima de 0,10 e 3:1 sobre paper ao mesmo tempo; e a faixa de luminosidade no tema escuro, porque teal e laranja da marca ficam acima do teto e ainda assim passam contraste e separação.
// regra que nasceu de medição: o vermelho #C4442A e o laranja #D97A15 medem ΔE 13,1 de visão normal, abaixo do piso. Os dois nunca aparecem como marca no mesmo gráfico. Vermelho fica em chip de estado, com ícone e rótulo.
7.2 · CURVA S DE AVANÇOA obra está 6,7 pontos atrás do previsto, e o atraso dobrou desde março
RESIDENCIAL MODELO · AVANÇO FÍSICO ACUMULADO · BASELINE R04 DE 12/01/2025 · 30 MESES
Nos primeiros doze meses o desvio ficou abaixo de 4 pontos, dentro da tolerância da Celere. Ele passou de 4,6 em maio para 6,7 em julho, e o salto de junho para julho foi o maior da série. Em ritmo constante, a obra chega a 30 de junho de 2027 com 93% em vez de 100%.
Ver tabela dos 19 meses medidos
| Mês | Previsto | Realizado | Desvio |
|---|
7.3 · CURVA FÍSICO-FINANCEIRAO desembolso está na frente da obra desde o primeiro mês, e a distância chegou a 4,4 pontos
RESIDENCIAL MODELO · AVANÇO FÍSICO CONTRA FINANCEIRO · MESMA ESCALA DE 0 A 100% · 19 MESES
As duas séries são percentuais de conclusão, então cabem no mesmo eixo. Isso importa: colocar reais em um eixo e por cento no outro inventaria uma correlação que não existe no dado, e é o erro mais comum de painel de obra. Uma escala, duas curvas, e a distância entre elas é o assunto.
Ver tabela dos 19 meses medidos
| Mês | Físico | Financeiro | Distância |
|---|
7.4 · GANTT DE BASELINE COM MARCO E CAMINHO CRÍTICOO caminho crítico já perdeu dois meses na estrutura, e é isso que empurra o habite-se
RESIDENCIAL MODELO · 8 PACOTES DE 312 ATIVIDADES · BASELINE R04 CONTRA REALIZADO
O caminho crítico não vira uma cor nova: ele ganha a marca CC em mono ao lado do nome e um contorno de hairline. Um sétimo matiz no gráfico competiria com o laranja do desvio, e a informação mais importante da tela perderia força. Cor é recurso escasso; sigla e contorno não são.
Ver tabela dos 8 pacotes
| EAP | Pacote | Caminho crítico | Baseline | Realizado | Atraso |
|---|
7.5 · WATERFALL DE COMPOSIÇÃO DO ORÇAMENTOEstrutura e acabamento respondem por 46% do orçamento, e um aditivo de R$ 1,24 milhão entrou depois
RESIDENCIAL MODELO · ORÇAMENTO BASE R04 EM R$ MIL · 22.480 m² · REVISADO EM 28/07/2026
O waterfall é horizontal porque os nomes dos macrogrupos são longos, e rótulo girado a 35 graus é ilegível em qualquer tamanho. Cada barra começa onde a anterior parou, então a soma é visível em vez de declarada. O laranja aparece uma vez, no aditivo, que é literalmente o desvio do orçamento.
Ver tabela da composição
| Macrogrupo | Valor | Participação | Acumulado |
|---|
7.6 · DESVIO POR EAP, ORDENADOA impermeabilização é o pior desvio percentual, mas quem custa caro é a estrutura
RESIDENCIAL MODELO · 8 ITENS DE MAIOR DESVIO ABSOLUTO · MEDIDO CONTRA ORÇADO EM 31/07/2026
Barra divergente com passos iguais nos dois lados e o zero em cinza neutro no meio: é o zero que precisa parecer "nada". Ordenar por percentual mostra a impermeabilização em primeiro, com 18,4%. A coluna de reais da tabela conta a outra metade da história: a estrutura desviou só 6,2%, e ainda assim são R$ 611 mil, três vezes o desvio da impermeabilização.
Ver tabela dos 8 itens
| EAP | Item | Orçado | Medido | Desvio % | Desvio R$ mil |
|---|
7.7 · A PIZZA PROIBIDA E A ALTERNATIVA CERTA// os dois lados mostram o mesmo dado: a composição do orçamento em oito macrogrupos.
Composição do orçamento por macrogrupo
8 FATIAS · 8 CORES · NENHUMA ORDEM LEGÍVEL
Três defeitos que nenhum ajuste resolve. Um: o olho compara ângulo muito pior do que compara comprimento, então a diferença entre revestimentos com 25,4% e vedação com 22,3% é indistinguível na roda e óbvia na barra. Dois: oito fatias exigem oito matizes, e o sistema Celere tem dois acentos com papel fixo; para preencher oito fatias seria preciso inventar cor, e cor inventada some sob deficiência de visão de cores. Três: o rótulo não cabe dentro da fatia pequena, então ou ele sai para fora com linha guia, ou ele é cortado. Rótulo cortado é pior que rótulo nenhum.
Revestimentos e estrutura somam quase metade do orçamento
MESMO DADO · BARRA HORIZONTAL ORDENADA · UM MATIZ SÓ
Uma série, então um matiz e nenhuma caixa de legenda: o título já diz o que está plotado. A ordem decrescente responde "quem é o maior" antes de qualquer leitura de número, o rótulo em mono fica no extremo de cada barra, e o eixo carrega o resto. Categoria nominal nunca ganha rampa de valor: colorir a barra mais escura porque ela é maior gasta o canal de identidade repetindo o que o comprimento já disse.
7.8 · SPARKLINEA medição mensal caiu 40% desde fevereiro
RESIDENCIAL MODELO · MEDIÇÃO MENSAL EM R$ MIL · AGO/2025 A JUL/2026
No cartão, a sparkline não tem eixo nem rótulo: ela responde só "está subindo ou caindo", e o número grande ao lado dá a magnitude. Na versão anotada, o pico e o último ponto ganham rótulo, e nada mais. O último ponto é laranja porque a queda é o desvio que precisa de decisão, não porque o último ponto seja sempre especial.
Ver tabela dos 12 meses
| Mês | Medição | Variação |
|---|
7.9 · HEATMAP DE MEDIÇÃO POR MÊSRevestimentos nunca passou de 31% da meta mensal, e é essa frente que segura o avanço agora
RESIDENCIAL MODELO · MEDIDO SOBRE A META DO MÊS, EM % · 4 FRENTES · AGO/2025 A JUL/2026
Um matiz só, quatro degraus, e o degrau mais próximo da superfície é sempre o menor valor: no tema claro isso significa mais claro é menos, e no escuro a âncora inverte e mais claro é mais. Quatro classes em vez de sete porque acima disso as classes vizinhas se confundem, e porque quartil já responde a pergunta. O valor aparece escrito dentro de cada célula, com a cor do texto escolhida pela luminosidade do preenchimento, então a leitura nunca depende só do tom. "Não iniciada" usa a hachura técnica do DS, e não o degrau mais claro: ausência de medição e medição baixa são coisas diferentes e não podem parecer iguais.
Ver tabela do heatmap
| Frente |
|---|
7.10 · DISPERSÃO DE R$/m² POR OBRAQuanto maior a obra, menor o custo por m². As duas exceções não são obra nova de padrão médio
CARTEIRA CELERE · 12 OBRAS ORÇADAS · CUSTO DIRETO POR m² DE ÁREA CONSTRUÍDA · DATA-BASE 07/2026
Uma série, então um matiz. As duas obras em laranja não são "outra categoria": são a mesma série marcada como desvio, e a marcação vem com rótulo, porque a dispersão é uma forma onde qualquer ponto pode encostar em qualquer outro. Nessa condição a paleta do sistema sustenta no máximo três matizes com folga, e aqui um matiz mais uma marcação de desvio já resolve. Cada ponto tem uma área de acerto de 24px, bem maior que o círculo de 9px, porque ninguém acerta um alvo de nove pixels.
Ver tabela das 12 obras
| Obra | Tipo | Área | R$/m² |
|---|
FIM · 07 · GRÁFICOS DE OBRA