play.html, disponibilizada no caminho /play de qualquer porta HTTP do ClickHouse) pode colorir as células de resultado para facilitar a identificação visual de padrões em uma coluna. Cada coluna tem seu próprio modo de codificação por cores, que pode ser alternado de forma independente.
Alternando o modo
- Colunas numéricas e colunas
Date/DateTime/Date32/DateTime64alternam ciclicamente entrebar→heatmap→categorical→none. - Todas as outras colunas alternam entre
noneecategorical.
bar para colunas numéricas e none para todas as demais colunas, incluindo colunas de data e hora.
Modos
bar— desenha uma barra horizontal na célula, proporcional ao valor. Para colunas numéricas, a barra cresce a partir de uma base zero; para colunasDate/DateTime, ela cobre o intervalomin..maxda coluna, já que uma base zero não faz sentido para timestamps.heatmap— preenche todo o plano de fundo da célula com uma cor que representa o valor, escalado entre o valor mínimo e máximo da coluna.categorical— preenche o plano de fundo da célula com uma cor derivada do hash do valor da célula, de modo que valores iguais recebam a mesma cor e valores diferentes recebam cores diferentes. Isso funciona para qualquer tipo de coluna.none— sem codificação por cores.
Date, DateTime, Date32 e DateTime64 são coloridas com base no seu valor temporal, interpretado em UTC para que a escala seja independente do fuso horário do navegador do visualizador.
As cores de plano de fundo de heatmap e categorical usam o espaço de cores oklch, variando apenas o matiz e mantendo a luminosidade e o croma fixos por tema, para que o texto da célula continue legível tanto no tema claro quanto no escuro. O plano de fundo preenche a célula inteira mesmo quando uma linha é exibida em mais de uma linha.
Ênfase categórica na seleção
categorical, selecionar uma célula dá destaque às outras células que compartilham o mesmo valor, exibindo-as com uma fonte mais grossa e uma cor de texto com contraste total (branco puro no tema escuro, preto puro no tema claro). A própria célula selecionada permanece sem destaque. Isso facilita ver em que outros pontos um determinado valor ocorre na coluna.
Persistência
Limitações
- O layout vertical (transposto) de uma única linha não exibe codificação por cores.
- Diferenças em
DateTime64(9)inferiores a um microssegundo não são distinguidas na escala de cores, o que não faz sentido visualmente em um gradiente.