Manual de como aproveitar ao máximo as visualizações do Looker: como apresentar muitas informações com uma visualização de valor único

Apresentar informações de maneira clara e concisa permite que os usuários entendam rapidamente como um único ponto de dados se relaciona com tendências maiores (ou como ele se compara a outros valores) sem precisar passar mais tempo pesquisando contexto. Por exemplo, a visualização a seguir da seção Como mostrar um único valor em comparação com outros valores desta página ajuda os usuários a entender a diferença entre um valor e outros:

Valor único de US $41.394,51 com o subtítulo "Lucro total do último mês completo" e o subtexto mostrando uma seta para baixo ao lado de 40% do mês anterior.

Este livro de receitas ajudará você a entender como criar uma visualização que apresenta um único ponto de dados com o máximo de contexto possível.

Os exemplos a seguir estão incluídos nesta página:

Componentes

Pré-requisitos

Para criar uma visualização de valor único, é necessário o seguinte:

O que considerar ao usar visualizações de valor único

Ao criar e usar visualizações de valor único, considere o seguinte:

  • Ao exibir várias visualizações de valor único em um painel, cada visualização padrão usa o mesmo tamanho de fonte para uma aparência consistente. No entanto, as visualizações de valor único redimensionam as fontes automaticamente quando um tamanho de bloco é reduzido. Se a fonte de uma visualização não puder mostrar todo o valor no espaço disponível, o valor será truncado por reticências (...).
  • Se o administrador do Looker tiver ativado o recurso de laboratórios Tamanho de texto de valor único inteligente, as fontes nas visualizações de valor único exibidas nos blocos do dashboard serão redimensionadas automaticamente para mostrar pelo menos 8 a 10 caracteres de valor no bloco de qualquer tamanho.
  • A fonte só pode ser alterada para conteúdo incorporado quando especificada por um administrador do Looker em um tema personalizado.
  • Não é possível personalizar o tamanho da fonte no menu Editar da visualização. A única maneira de personalizar o estilo e o tamanho da fonte dos valores é seguindo uma das seguintes soluções por sua conta e risco:
    • Adicione um parâmetro html à definição do LookML do campo e especifique as configurações de fonte e tamanho usando tags de estilo HTML. Por exemplo: html: <p style="color: red; font-size: 50px">{{, valor }}</p> ;;
    • Use o método de gráfico de dispersão descrito na postagem na Comunidade sobre Editar o tamanho da fonte em uma visualização de valor único.

Quando várias visualizações de valor único são exibidas em um painel, o tamanho da fonte ainda pode ser afetado pelas considerações descritas no primeiro marcador dessa lista.

Exemplo: como mostrar um único valor em comparação com outros

Uma métrica de vaidade por si só fornece pouco valor para os usuários. No entanto, adicionar uma comparação a um ponto de dados anterior pode adicionar perspectiva e contexto rapidamente para um usuário.

Por exemplo, a consulta a seguir exibe o Lucro total agrupado por Mês de criação nos últimos 12 meses. Por padrão, a visualização de valor único mostra apenas o valor da linha superior da medida Lucro total, que é de US $41.394,51 para o último mês completo, dezembro (2019-12).

Visualização de valor único mostrando o valor de US $41.394,51.

Sem a tabela de dados para contexto, o valor não apresenta muitas informações aos usuários. E se você quiser comparar o lucro total do último mês completo com o lucro total do mês anterior? É possível usar as configurações no menu Editar da visualização para criar uma comparação desses valores.

Para exibir uma comparação do valor atual com o da linha anterior, siga estas etapas:

Prepare sua Análise:

  1. Organize a consulta para que a visualização exiba o valor desejado.
  2. Adicione um campo que compare os valores da linha atual e anterior com a consulta de Análise.

    Se não houver campo de comparação disponível no seletor e você tiver as permissões necessárias, use um atalho de cálculo da tabela. Este exemplo usa o cálculo de % de alteração da linha anterior.

Personalize a visualização de valor único:

  1. Abra o menu Editar na barra Visualização.
  2. Selecione as opções de estilo na guia Estilo, incluindo adicionar um título personalizado que aparecerá como subtexto abaixo do valor junto com a formatação de valor no estilo do Excel.

    Nesse exemplo, a opção "Lucro total do último mês completo" é inserida na seção Substituição de título para oferecer uma indicação melhor do que o valor representa.

  3. Na guia Comparação, selecione Mostrar.

  4. Selecione a opção Mostrar como alteração no menu suspenso Rótulos de valor.

  5. Selecione a opção Valores positivos são ruins para exibir uma mudança positiva em vermelho e uma mudança negativa em verde, se isso for adequado ao seu caso de uso.

    Neste exemplo, as alterações negativas indicam que o lucro total de dezembro em comparação com novembro foi menor, o que é considerado uma mudança "ruim".

  6. Personalize o rótulo de comparação de valores na guia Comparação como quiser.

    Desmarque a opção Mostrar rótulo para ocultar o rótulo do campo.

    Não mexa nas opções Mostrar rótulo para incluir o rótulo do campo como está.

    Insira um rótulo personalizado no campo Rótulo. Neste exemplo, o rótulo personalizado "do mês anterior" é aplicado.

O resultado final é o valor de Lucro total para dezembro, US$ 41.394,51, com o subtexto destacando a comparação com o lucro total do mês anterior, que caiu 40%.

Valor único de US $41.394,51 com o subtítulo "Lucro total do último mês completo" e o subtexto mostrando uma seta para baixo ao lado de 40% do mês anterior.

Como adicionar formatação condicional para obter mais contexto

Você pode adicionar uma camada adicional de contexto, mantendo sua visualização limpa e mínima com a formatação condicional.

Nesse exemplo, o limite para um mês de sucesso é de R $30.000, e todos os lucros mensais acima desse limite precisam ser indicados com a cor verde.

Você pode usar as configurações de formatação condicional na guia Formatação no menu Editar da visualização para informar que o valor está acima do limite de lucro.

Para ativar a formatação condicional no menu Editar da visualização de valor único:

  1. Abra o menu Editar na barra Visualização.
  2. Selecione a opção Ativar formatação condicional na guia Formatação.
  3. Selecione uma paleta de cores no menu suspenso Coleção da seção Cores.
  4. Insira suas regras de formatação na seção Regras.

    Selecione a condição no menu suspenso Formato.Neste exemplo, a opção Se o valor for maior que está selecionada.

    Insira o valor do limite da regra. Neste exemplo, foi inserido "30000".

    Selecione a Cor do plano de fundo e a Cor da fonte desejadas. Considere o contraste de cores para a acessibilidade do seu conteúdo. Para este exemplo, foram selecionados um plano de fundo branco e uma fonte verde-escura.

  5. Adicione outra regra selecionando o botão Adicionar uma regra na parte inferior da guia.

    Neste exemplo, outra regra é criada para indicar quando os valores de lucro total são menores que o limite de US $30.000.

O lucro total de dezembro, US$ 41.394,51, pode ser 40% menor do que o lucro total do mês anterior, mas ainda está acima do limite de lucro. Agora o valor do lucro total vai aparecer em verde para indicar aos usuários que ele está acima do limite de lucro.

Exemplo: mostrar um único valor no contexto de progresso em direção a uma meta

Outra opção de visualização de valor único é mostrar um valor no contexto do progresso em direção a uma meta.

Por exemplo, usando o mesmo conjunto de dados (Lucro total agrupado por Mês de criação nos últimos 12 meses), é possível exibir o lucro total acumulado no ano (YTD, na sigla em inglês) em relação à meta de lucro do ano inteiro. A meta de lucro anual para este exemplo é de US $1.000.000.

Para mostrar o valor único no contexto de progresso, siga estas etapas.

Prepare sua Análise:

  1. Use um cálculo de tabela para criar uma soma dos valores de Lucro total. A expressão de cálculo da tabela é sum(${view_name.field_name}).

    Para este exemplo, a expressão é sum(${order_items.total_profit}).

  2. Adicione um campo ou um novo cálculo de tabela que represente a meta com que o valor será comparado.

    Se você estiver criando um cálculo de tabela, o valor precisará ser representado como uma medida para ser incluído na visualização.

    Na expressão de cálculo, multiplique uma medida por zero e adicione o valor da meta: (${measure_viewname.measure_fieldname}*0) + <value that is the goal>.

    Para este exemplo, a expressão é (${order_items.total_profit}*0) + 1000000.

Personalize a visualização de valor único:

  1. Abra o menu Editar na barra Visualização.
  2. Selecione as opções de estilo na guia Estilo, incluindo adicionar um título personalizado que aparecerá como subtexto abaixo do valor junto com a formatação de valor no estilo do Excel.

    Nesse exemplo, o "Lucro YTD" é inserido na seção Substituição do título para fornecer uma indicação melhor do que o valor representa.

  3. Na guia Comparação, selecione Mostrar.

  4. Selecione a opção Calcular progresso ou Calcular progresso (com porcentagem) no menu suspenso Rótulos de valor.

    Calcular progresso exibe uma barra de progresso com o valor sombreado para indicar o status atual em relação à meta. Se as configurações padrão de Rótulo forem aplicadas, o nome do campo também será exibido.

    Calcular progresso (com porcentagem) exibirá a barra de progresso sombreada com o texto X% de X com as configurações padrão de Rótulo aplicadas.

  5. Personalize o rótulo da barra de progresso na guia Comparação como quiser.

    Desmarque a opção Mostrar rótulo para ocultar o rótulo do campo. Com a opção Calcular progresso, somente uma barra de progresso sombreada será exibida. Com a opção Calcular Progresso (com porcentagem), o texto X% de X será exibido em uma barra de progresso sombreada.

    Não mexa nas opções Mostrar rótulo para incluir o rótulo do campo como está.

    Insira um rótulo personalizado no campo Rótulo.

O resultado final é o lucro acumulado no ano (YTD, na sigla em inglês) de US $730.362,93 com uma barra de progresso indicando o progresso em direção à meta de vendas anuais de US $1.000.000.

O exemplo parece diferente com as configurações Calcular progresso e Calcular progresso (com porcentagem) aplicadas.

  • O exemplo vai ficar assim com as configurações Calcular Progresso e o rótulo personalizado "progresso para a meta de vendas anual" aplicadas na guia Comparação:

    Valor único de US $730.362,93 com o subtítulo "Lucro YTD" e uma barra de progresso rotulada como "progresso para a meta de vendas anuais" 3/4 à sombra.

  • O exemplo vai ficar assim com a opção Calcular progresso (com porcentagem) e as configurações de rótulo personalizado "meta de vendas anuais" aplicadas na guia Comparação:

    Valor único de US $730.362,93 com o subtítulo "lucro do YTD" e uma barra de progresso identificada como "73% da meta de vendas anuais de US $1.000.000", 3/4 à sombra.

Próximas etapas:

Depois de criar sua visualização de valor único, é possível compartilhá-la com outras pessoas: