Produto e dados

Dados legíveis, antes de serem decorativos.

Cada sinal,
no seu lugar.

Seis frentes. Vinte e quatro horas. Uma leitura contínua para encontrar o ponto em que o padrão muda.

Laboratório matemático com dados sintéticos. Não representa a operação nem os resultados da Chesslab ou de clientes.

[XQ // A1–H8 — SÉRIES TEMPORAIS]00:00–23:00 · 24 horas

Janela temporalEscala verticalRepresentação

Total · eventos: 9.027
Média · eventos/hora/série: 62,7
Observações visíveis: 144
Saltos atípicos · |z| > 3,5: 6

Eventos / hora · escala linear · origem 0

Toque ou aponte para inspecionar. Com foco no gráfico: ← → mudam a hora; ↑ ↓ mudam a série de referência; Home / End vão aos extremos.

Losango = salto atípico no delta, não erro confirmado.

Matriz inicial: 144 observações · 9027 eventos · 6 saltos atípicos.

Matriz de telemetria · 24 × 6 amostras exatas

As métricas usam somente as séries e horas selecionadas. A matriz preserva todos os valores absolutos: campos fora da seleção aparecem no plano rebaixado; * indica salto atípico. A hora inspecionada tem contorno.

Eventos sintéticos por hora · fonte de todos os cálculos e traçados
Hora	Desenvolvimento	Aceleração	CRM	Agentes IA	Squads	Operação
00:00	31	38	47	51	48	60
01:00	34	39	49	48	50	65
02:00	36	41	48	45	54	69
03:00	35	42	45	45	60	71
04:00	35	42	42	48	66	73
05:00	35	42	41	54	69	75
06:00	35	40	42	60	71	77
07:00	36	38	47	66	71	78
08:00	62	38	53	69	71	79
09:00	35	41	60	69	72	79
10:00	35	46	64	67	72	77
11:00	36	52	66	66	73	76
12:00	39	58	64	65	73	77
13:00	44	61	61	66	105	80
14:00	50	61	59	67	74	85
15:00	54	58	58	69	75	92
16:00	55	54	60	70	79	98
17:00	54	51	37	72	85	102
18:00	50	51	65	74	91	102
19:00	46	54	68	78	95	99
20:00	44	58	70	83	97	96
21:00	45	63	73	87	96	94
22:00	49	66	75	90	92	94
23:00	55	68	79	90	89	97

Método, anomalias e integridade da leitura

Sinais construídos, números conferíveis.

A unidade é eventos por hora. t vai de 0 a 23; s vai de 0 a 5 na ordem da legenda. Cada curva usa amostras inteiras e segmentos retos. Áreas partem da origem zero; barras são agrupadas, sem empilhamento.

v(t, s) = round(28 + 7s + (1,2 + 0,11s)t
  + 6 sen((t + 2s)π / 6)
  + 3 cos((t + 3s)π / 4) + pulso)
pulso(8, 0) = +27; pulso(17, 2) = −25;
pulso(13, 4) = +32; demais pulsos = 0.

O arredondamento equivale a Math.round. Total = soma das observações selecionadas; média = total ÷ quantidade de observações. Índice = valor ÷ primeiro valor do período × 100, separado para cada série. As métricas e a tabela continuam em valores absolutos.

Detecção robusta sobre os deltas.

Δ(t) = v(t) − v(t − 1)
c = mediana dos 23 deltas da série
MAD = mediana de |Δ − c|
z(t) = |Δ(t) − c| / max(1; 1,4826 × MAD)
Salto atípico quando z(t) > 3,5.

O detector usa as 24 horas completas para manter a referência quando a janela muda. A primeira amostra não tem delta. Um pulso pode produzir dois alertas, na entrada e no retorno ao padrão; não equivale a dois incidentes. O limiar serve à demonstração matemática.

A tabela é a fonte do runtime. A inicialização confere 24 × 6 valores finitos com a fórmula. Se uma célula faltar ou divergir, cálculos e inspeção ficam suspensos, com a matriz preservada. Nenhuma informação ausente vira zero. O tema altera a apresentação; não altera números.

Consultar a matriz de referência com seis meses

Ler a operação.

Selecione uma frente e um período. Total, média e pico usam a mesma tabela que desenha o gráfico.

Simulação didática. Não representa resultados da Chesslab ou de clientes.

FrentePeríodo

DesenvolvimentoAceleraçãoCRMAgentes IASquadsOperação

Total de eventos: 1414
Média por mês e frente: 39,3
Pico mensal: 76

Eventos simulados — fonte dos cálculos
Frente	Jan	Fev	Mar	Abr	Mai	Jun
Desenvolvimento	24	30	34	42	48	56
Aceleração	18	24	32	38	52	64
CRM	12	20	26	36	44	52
Agentes IA	8	16	28	40	58	76
Squads	32	36	40	48	54	62
Operação	22	28	38	46	60	70

Unidade: eventos. Escala linear: 0–100. Ausência de dados nunca se converte em zero. A tabela permanece disponível sem JavaScript.

Contratos de visualização.

Seis séries, seis temas

Contraste mínimo de 3:1 sobre o plano do gráfico, distância perceptual verificada e padrões de traço independentes da cor. Mude o tema no cabeçalho para conferir.

Números verificáveis

36 observações. Total = 1414. Pico = 76. Sem interpolação que invente resultados. O gráfico usa segmentos retos e a mesma matriz da tabela.

total = valores.reduce((soma, valor) => soma + valor, 0);
media = total / valores.length;
pico = Math.max(...valores);

Estados de produto.

Sem dados neste período

Amplie o intervalo para consultar a operação.

Atualização interrompida

Os dados anteriores continuam disponíveis. Consulte a origem antes de repetir a operação.

Tabela preservada

[XQ // F1–F8 — 64Hz] PRANCHA TÉCNICA / 06 CONTRATOS

Dados verificáveis, traços distintos.

O instrumento temporal cruza seis séries sintéticas com 24 horas. O desenho, o resumo e a matriz compartilham as mesmas 144 observações; nenhuma curva representa resultados reais da Chesslab.

01 / 06

Uma amostra, seis contratos de leitura.

O desenho separa origem, escala, traço, desvio, matriz e seleção. As linhas de chamada ligam cada índice ao seu elemento; a leitura visual complementa os valores exatos e não confirma um incidente.

Seis chamadas de anatomia: Uma amostra, seis contratos de leitura.. Leia os contratos correspondentes abaixo.

Origem explícita

O cabeçalho informa dados sintéticos, unidade e janela. Eventos por hora descrevem a simulação, sem atribuir desempenho a clientes.
Escala sem ambiguidade

Absoluto usa origem zero. Índice divide cada valor pelo primeiro valor da série na janela e multiplica por 100; tabela e métricas permanecem absolutas.
Série reconhecível

Cor, nome e padrão de traço trabalham juntos. O recorte desenha Desenvolvimento e CRM com suas 24 observações; segmentos retos ligam amostras, sem suavização inventada.
Desvio inspecionável

O losango sinaliza um delta cujo z robusto supera 3,5. Um pulso pode marcar entrada e retorno: dois marcadores não significam dois incidentes.
Matriz preservada

As 144 células são a fonte do runtime. Valor ausente, não finito ou divergente da fórmula suspende cálculos e inspeção; a tabela continua consultável.
Seleção local

A faixa inferior representa janela, séries, formato e escala. Cada escolha afeta somente a própria instância: o teclado percorre horas e séries; a seleção vazia oferece Exibir todas.

02 / 06

Contratos de tokens CSS

Valor ou alias no tema claro, propriedade consumidora e limite de uso. Cores são apresentadas em RGB equivalente; a fonte continua no CSS de tokens. O inspetor mostra a resolução no tema escolhido.

Contrato de Dados verificáveis, traços distintos
Token / expressão	Aplicação CSS	Regra
`--xq-grafico-fundo` rgb(252 252 247)	`.xq-telemetria[data-xq-telemetria] .xq-telemetria__painel` background	Plano opaco do gráfico temporal e referência de preenchimento dos marcadores; preservar a distinção entre traço, grade e fundo nos seis temas.
`--xq-dados-1` rgb(40 75 60)	`.xq-serie-1` stroke, color	Primeira série com traço contínuo. Preservar nome e posição na legenda ao mudar tema.
`--xq-dados-2` rgb(118 80 35)	`.xq-serie-2` stroke, color	Segunda série usa também stroke-dasharray: 8 4; cor isolada não identifica a série.
`--xq-dados-3` rgb(36 93 145)	`.xq-serie-3` stroke, color	Terceira série usa também stroke-dasharray: 2 4, inclusive nos exemplos.
`--xq-linha` rgb(198 205 194)	`.xq-telemetria[data-xq-telemetria] .xq-telemetria__grade` stroke	Hairline de 1px com vector-effect: non-scaling-stroke. A grade orienta sem concorrer com as seis séries.
`--xq-linha-forte` rgb(97 115 104)	`.xq-telemetria[data-xq-telemetria] .xq-telemetria__instrumento` border-color	Delimita o instrumento temporal com borda sólida de 1px; textura e cantoneiras não substituem seu limite.
`--xq-mono` 'Xeque Mono', monospace	`.xq-telemetria[data-xq-telemetria] .xq-telemetria__svg text` font-family	Eixos e valores usam Xeque Mono e números tabulares. Na folha temporal o tamanho dos eixos é 12px, sem derivar da fonte display.
`--xq-legenda` 12px	`.xq-telemetria[data-xq-telemetria] .xq-telemetria__series button` font-size	12px/1,5 na legenda operável; cada botão mantém nome, amostra do traço e aria-pressed.
`--xq-surface-inset` inset 0px 1px 0px 0px var(--xq-surface-specular), inset 0px -1px 0px 0px var(--xq-surface-shade)	`.xq-telemetria[data-xq-telemetria] .xq-telemetria__instrumento` box-shadow	Sombra interna caracteriza a superfície opaca; não altera a escala nem a área útil do gráfico.
`--xq-focus-shadow` 0px 0px 0px 2px var(--xq-focus-inner), 0px 0px 0px 4px var(--xq-focus-outer)	`.xq-telemetria[data-xq-telemetria] :is(button, select, svg[tabindex], summary, [data-xq-tele-table-wrap]):focus-visible` box-shadow	Duplo anel para filtros, inspeção e tabela. Em forced-colors, o contorno de sistema preserva o alvo.
`--xq-controle` 44px	`.xq-telemetria[data-xq-telemetria] .xq-telemetria__controles select` min-height	Alvo mínimo de 44px nos filtros nativos. O respiro editorial não reduz a área de operação por toque.
`--xq-focus-offset` 2px	`.xq-telemetria[data-xq-telemetria] :is(button, select, svg[tabindex], summary, [data-xq-tele-table-wrap]):focus-visible` outline-offset	Afastamento de 2px entre controle e contorno externo da telemetria; o foco não deve ser cortado pelo instrumento.

03 / 06

Uso correto × uso incorreto

Compare a mesma intenção em duas composições. Os exemplos são amostras de leitura; os controles operáveis ficam no playground.

Uso Correto (Xeque)

LEGADO / DESENVOLVIMENTO / JAN–MAR

Amostra sintética · unidade: eventos

Total das três observações: 88

Unidade, período e origem acompanham o gráfico.
Os três valores e o total 88 são conferíveis.
Segmentos retos e números tabulares preservam a leitura.

Uso Incorreto (Genérico)

Seu negócio em alta!

+300%

Crescimento extraordinário

Percentual sem base nem intervalo verificável.
Curva suave sugere amostras que não existem.
Afirmação comercial substitui a origem do dado.

04 / 06

Ensaiar a leitura de uma matriz.

O ensaio abaixo representa estados locais de apresentação. Use o laboratório temporal acima para filtrar a matriz real da demonstração; nenhum controle deste ensaio altera suas observações.

Estado Tema da amostra Respiro 24 px Texto extenso

[XQ // F1–F8] PRONTO

MATRIZ SINTÉTICA / 24 × 6F1–F8

Observações da matriz de referência: 144

Desenvolvimento · recorte sintético
Hora	Eventos
08:00	62
09:00	35

144 observações disponíveis. A tabela preserva os valores absolutos.

Pronto. Altere um controle para inspecionar o contrato.

Ensaio local e determinístico. A ação percorre carregamento → sucesso; movimento reduzido entrega o estado final imediatamente. Repetir preserva os controles.

Inspecionar tokens resolvidos

--xq-grafico-fundo: rgb(252 252 247)
--xq-dados-1: rgb(40 75 60)
--xq-dados-2: rgb(118 80 35)
--xq-dados-3: rgb(36 93 145)
--xq-linha: rgb(198 205 194)
--xq-linha-forte: rgb(97 115 104)
--xq-mono: 'Xeque Mono', monospace
--xq-legenda: 12px
--xq-surface-inset: inset 0px 1px 0px 0px var(--xq-surface-specular), inset 0px -1px 0px 0px var(--xq-surface-shade)
--xq-focus-shadow: 0px 0px 0px 2px var(--xq-focus-inner), 0px 0px 0px 4px var(--xq-focus-outer)
--xq-controle: 44px
--xq-focus-offset: 2px

05 / 06

Aplicar o contrato

Distinguir índice de valor absoluto

O runtime temporal divide pela primeira observação da série na janela. As fixtures são positivas; ao adaptar o contrato a outra fonte, rejeitar base ausente ou zero antes da divisão. O resumo permanece em eventos.

const base = valores[0];
if (!Number.isFinite(base) || base === 0) {
  throw new RangeError("A série precisa de uma base finita e diferente de zero.");
}
const indice = valores.map(valor => valor / base * 100);
// Tabela e resumo continuam usando os valores absolutos.

Validar antes de atualizar

Depois de alterar as células de uma matriz temporal, solicitar releitura ao módulo. Falha de integridade preserva o HTML e impede métricas enganadoras.

const painel = document.querySelector("[data-xq-telemetria]");
XequeTelemetria.refresh(painel);
const estado = XequeTelemetria.snapshot(painel);

06 / 06

Critérios de aceite

Conferir 24 × 6 = 144 observações, total 9.027 e média 62,6875 na matriz temporal completa.
Confirmar 36 observações, total 1.414 e pico 76 no contrato legado, sem misturar os dois conjuntos.
Com o gráfico focado, percorrer horas com ←/→, séries com ↑/↓ e extremos com Home/End.
Em 390px, rolar a tabela localmente; sem JS, consultar SVG, método, resumo e todos os valores.
No recorte Desenvolvimento, conferir 08:00 = 62, 09:00 = 35 e 10:00 = 35; filtrar janela ou tema não altera essas células.

Sinais construídos, números conferíveis.

Detecção robusta sobre os deltas.

Ler a operação.

Contratos de visualização.

Seis séries, seis temas

Números verificáveis

Estados de produto.

Sem dados neste período

Atualização interrompida

Origem explícita

Escala sem ambiguidade

Série reconhecível

Desvio inspecionável

Matriz preservada

Seleção local

Distinguir índice de valor absoluto

Validar antes de atualizar