Como aproveitar ao máximo o manual de visualizações do Looker: personalização de formatação condicional em gráficos cartesianos

Observação: esta página faz parte do Manual do Looker: como aproveitar ao máximo as visualizações do Looker.

O destaque visual de valores que atendem a determinadas condições permite que os usuários identifiquem rapidamente as tendências de dados. Esse padrão é geralmente chamado de formatação condicional.

Por exemplo, esta visualização do exemplo Colorir os valores máximo, mínimo e percentil desta página ajuda o usuário a identificar rapidamente os meses de vendas mais baixos e mais altos:

No Looker, é possível usar opções integradas que estão nas configurações de visualização de gráficos de texto e tabela para aplicar a formatação condicional a esses gráficos. Para gráficos cartesianos, você pode usar o Editor de configuração de gráficos para formatar os valores de dados condicionalmente.

No Editor de configuração de gráfico, você pode usar o atributo series formatters para aplicar a formatação condicional a valores que atendem a critérios específicos. Estas são algumas regras de formatação condicional que podem ser aplicadas:

• O valor é maior, menor ou igual ao valor especificado.

  Por exemplo, para aplicar a formatação condicional a valores numéricos maiores que 100, use select: 'value > 100'.

• O valor é o mínimo ou o máximo da série.

  Por exemplo, para aplicar a formatação condicional ao valor máximo, use select: 'max'.

• O valor está dentro de uma classificação de percentil especificada.

  Por exemplo, para aplicar a formatação condicional a valores no décimo percentil superior, use select: 'percent_rank >= 0.9'.

• O valor do eixo x corresponde a um valor especificado.

  Por exemplo, para aplicar formatação condicional às séries em que o valor do eixo x é "Columbia", use select: name = Columbia.

Este manual inclui os seguintes tutoriais:

• Colorir os valores máximo, mínimo e percentual
• Combinar condições de formatação condicional

Colorir os valores máximo, mínimo e percentual

É possível usar os atributos select e style para especificar a cor dos valores máximos e mínimos de dados em um gráfico cartesiano, bem como todos os valores que se enquadram em um determinado percentil.

Componentes

• Analisar consulta
• Visualização cartesiana
• Editor de configurações de gráficos

Pré-requisitos

Para criar uma visualização cartesiana com formatação condicional, é necessário o seguinte:

• Permissões para criar Análises e familiaridade com a Análise de dados
• A permissão can_override_vis_config, que concede acesso ao Editor de configuração de gráficos
• Permissões para salvar conteúdo (se quiser salvar a visualização como um Look ou dashboard)
• Alguma familiaridade com JSON

Exemplo: visualização de coluna

Uma equipe de vendas quer identificar rapidamente as tendências de vendas mensais ao longo de um ano. Eles têm uma visualização que mostra o Custo total agrupado por Mês.

Você pode usar a formatação condicional para destacar valores que atendam a determinadas metas, o que ajuda a tornar os dados mais claros para os usuários entenderem.

Neste exemplo, a equipe de vendas quer destacar os seguintes valores:

• A coluna com o valor mínimo do Custo total será vermelha.
• A coluna com o valor máximo do Custo total ficará verde.
• Todas as colunas no trigésimo percentil inferior Custo total estarão em laranja.
• Todas as outras colunas estarão em cinza.

Para aplicar essa formatação condicional a um gráfico cartesiano, siga estas etapas:

1. Acesse uma visualização cartesiana em um Explore ou edite uma visualização cartesiano em um Look ou dashboard.
2. Abra o menu Editar na visualização.
3. Clique no botão Edit Chart Config na guia Plot. O Looker mostra a caixa de diálogo Edit Chart Config.

4. Selecione a seção Configuração do gráfico (Substituir) e insira o seguinte JSON:

   {
     series: [{
       color: 'gray',
       formatters: [{
           select: 'max',
           style: {
             color: 'green',
           }
         },
         {
           select: 'percent_rank <= 0.3',
           style: {
             color: 'orange'
           }
         },
         {
           select: 'min',
           style: {
             color: 'red'
           }
         },
       ]
     }]
   }
   

   Observação :as regras de formatação condicional são aplicadas em ordem. Neste exemplo, para evitar que a regra laranja substitua a regra vermelha, é preciso definir a regra vermelha depois de definir a laranja.

5. Para aplicar as mudanças, clique em Aplicar.

Agora a equipe de vendas pode ver rapidamente quais meses tiveram baixo desempenho e investigar esses meses para determinar o que aconteceu.

Depois de personalizar sua visualização, você pode salvá-la. Se você viu a visualização em uma Análise, salve-a. Se você editou um Look ou painel, clique em Salvar.

Exemplo: visualização de gráfico de dispersão

Para aplicar a formatação condicional às visualizações de gráfico de dispersão, especifique uma cor para os atributos style.marker.fillColor e style.marker.lineColor, em vez do atributo style.color.

O atributo lineColor define a cor do contorno de cada ponto no gráfico de dispersão. O atributo fillColor define a cor interna de cada ponto no gráfico de dispersão.

Você pode modificar o exemplo anterior seguindo estas etapas:

1. Abra um gráfico de dispersão em um Explorar ou edite um gráfico de dispersão em um Look ou dashboard.
2. Abra o menu Editar na visualização.
3. Clique no botão Edit Chart Config na guia Plot. O Looker mostra a caixa de diálogo Edit Chart Config.

4. Selecione a seção Configuração do gráfico (Substituir) e insira o seguinte JSON:

   {
     series: [{
       color: 'gray',
       formatters: [{
           select: 'max',
           style: {
             marker: {
               fillColor: 'green',
               lineColor: 'green'
             }
           }
         },
         {
           select: 'percent_rank <= 0.3',
           style: {
             marker: {
               fillColor: 'orange',
               lineColor: 'orange'
             }
           }
         },
         {
           select: 'min',
           style: {
             marker: {
               fillColor: 'red',
               lineColor: 'red'
             }
           }
         }
       ]
     }]
   }
   

5. Clique em Aplicar para aplicar as mudanças.

Na visualização resultante, o valor mínimo, o valor máximo e os valores nos 30% inferiores são coloridos de acordo com as regras de formatação.

Depois de personalizar sua visualização, você pode salvá-la. Se você viu a visualização em uma Análise, salve-a. Se você editou um Look ou painel, clique em Salvar.

Combinar condições de formatação condicional

Você pode usar AND e OR no atributo select para combinar expressões lógicas em regras de formatação condicional.

Componentes

• Analisar consulta
• Visualização cartesiana
• Editor de configurações de gráficos

Pré-requisitos

Para criar uma visualização cartesiana com formatação condicional, é necessário o seguinte:

• Permissões para criar Análises e familiaridade com a Análise de dados
• A permissão can_override_vis_config, que concede acesso ao Editor de configuração de gráficos
• Permissões para salvar conteúdo (se quiser salvar a visualização como um Look ou dashboard)
• Alguma familiaridade com JSON

Exemplo

Uma equipe de vendas deseja identificar rapidamente quais meses atendem a determinados critérios. Eles têm uma visualização que mostra o Custo total agrupado por Mês.

Você pode usar a formatação condicional para destacar valores que atendam a determinadas metas, o que ajuda a tornar os dados mais claros para os usuários entenderem.

Neste exemplo, a equipe de vendas quer destacar os seguintes valores:

• As colunas com valores de Custo total entre US $43.000 e US $45.000 (inclusive) serão roxas.
• Todas as outras colunas estarão em cinza.

Para aplicar essa formatação condicional a um gráfico cartesiano, siga estas etapas:

1. Acesse uma visualização cartesiana em um Explore ou edite uma visualização cartesiano em um Look ou dashboard.
2. Abra o menu Editar na visualização.
3. Clique no botão Edit Chart Config na guia Plot. O Looker mostra a caixa de diálogo Edit Chart Config.

4. Selecione a seção Configuração do gráfico (Substituir) e insira o seguinte JSON:

   {
     series: [{
       color: 'gray',
       formatters: [{
           select: 'value >= 43000 AND value <= 45000',
           style: {
             color: 'purple',
           }
         },
       ]
     }]
   }
   

5. Para aplicar as mudanças, clique em Aplicar.

Agora, a equipe de vendas pode ver rapidamente que a receita de março, abril e setembro fica entre US $43.000 e US $45.000 e tomar mais medidas para descobrir o que aconteceu naqueles meses.

Depois de personalizar sua visualização, você pode salvá-la. Se você viu a visualização em uma Análise, salve-a. Se você editou um Look ou painel, clique em Salvar.