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

Apresentar informações de forma clara e concisa permite que os usuários entendam rapidamente como um único ponto de dados se relaciona a tendências maiores ou como ele se compara a outros valores, sem precisar gastar mais tempo procurando contexto. Por exemplo, a visualização a seguir da seção Mostrar um valor único comparado a outros valores nesta página ajuda os usuários a entender como um valor se compara a outros:

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

Este livro de receitas ajuda 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 que considerar ao usar visualizações de valor único

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

  • Ao visualizar várias visualizações de valor único em um painel, cada uma delas usa o mesmo tamanho de fonte por padrão para uma aparência consistente. No entanto, as visualizações de valor único redimensionam automaticamente as fontes quando o tamanho do bloco é reduzido. Se a fonte de uma visualização não puder mostrar o valor inteiro no espaço disponível, o valor será truncado por uma reticência (...).
  • Se o recurso Tamanho do texto de valor único inteligente estiver ativado, as fontes nas visualizações de valor único exibidas em blocos do painel serão redimensionadas automaticamente para mostrar pelo menos 8 a 10 caracteres de valor no bloco em qualquer tamanho.
  • A fonte só pode ser alterada para conteúdo incorporado quando especificada por um administrador do Looker em um tema personalizado.
  • O tamanho da fonte não pode ser personalizado no menu Editar da visualização. As únicas maneiras de personalizar o estilo e o tamanho da fonte dos valores são fazer uma das seguintes soluções alternativas por sua conta e risco:
    • Adicione um parâmetro html à definição 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 da comunidade Editar o tamanho da fonte em uma visualização de valor único (link em inglês).

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 desta lista.

Exemplo: mostrar um valor único comparado a outros valores

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

Por exemplo, a consulta a seguir mostra 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 de cima da métrica Lucro total, que é $41.394,51 para o último mês completo, dezembro (2019-12).

Visualização de valor único mostrando o valor $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 mostrar como o lucro total do último mês completo se compara ao 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 na visualização.

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

Prepare sua análise:

  1. Organize a consulta da análise para que a visualização mostre o valor desejado.

  2. Adicione um campo que compare os valores da linha atual e anterior à consulta da análise.

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

Personalize sua visualização de valor único:

  1. Abra o menu Editar na barra Visualização.

  2. Selecione as opções de estilo desejadas na guia Estilo , incluindo a adição de um título personalizado que vai aparecer como um subtítulo abaixo do valor, além de qualquer formatação de valor no estilo do Excel.

    Neste exemplo, "Lucro total do último mês completo" é inserido na seção Substituição de título para indicar melhor o que o valor representa.

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

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

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

    Neste exemplo, as mudanças negativas indicam que o Lucro total de dezembro em relação a novembro foi menor, o que é considerado uma mudança "ruim".

  6. Personalize o rótulo de comparação de valores na guia Comparação conforme desejado.

    Desmarque a opção Mostrar marcador para ocultar o marcador do campo.

    Deixe as opções Mostrar marcador inalteradas para incluir o marcador do campo no estado em que se encontra.

    Insira um marcador personalizado no campo Marcador. Neste exemplo, o marcador personalizado "do mês anterior" é aplicado.

O resultado final é o valor do Lucro total de dezembro, $41.394,51, com o subtítulo destacando a comparação com o lucro total do mês anterior, que é 40% menor.

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

Adicionar formatação condicional para mais contexto

É possível adicionar outra camada de contexto, mantendo a visualização limpa e mínima com a formatação condicional.

Neste exemplo, o limite de lucro para um mês bem-sucedido é de US $30.000, e todos os lucros mensais acima desse limite devem ser indicados com a cor verde.

É possível usar as configurações de formatação condicional na guia Formatação no menu Editar da visualização para indicar 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 na seção Cores.

  4. Insira as regras de formatação na seção Regras.

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

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

    Selecione a Cor do plano de fundo e a Cor da fonte desejadas. Considere o contraste de cores para a acessibilidade do conteúdo. Neste exemplo, um plano de fundo branco e uma fonte verde escura são selecionados.

  5. Adicione outra regra selecionando o botão Adicionar uma regra na parte de baixo 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 que o lucro total do mês anterior, mas ainda está acima do limite de lucro. Agora, o valor do lucro total é mostrado em verde para indicar aos usuários que ele está acima do limite de lucro.

Exemplo: mostrar um valor único no contexto do 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 mostrar o lucro total do ano até a data (YTD) em relação à meta de lucro para o ano inteiro. A meta de lucro anual para este exemplo é de US $1.000.000.

Para mostrar o valor único no contexto do 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}).

    Neste 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>.

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

Personalize sua visualização de valor único:

  1. Abra o menu Editar na barra Visualização.

  2. Selecione as opções de estilo desejadas na guia Estilo , incluindo a adição de um título personalizado que vai aparecer como um subtítulo abaixo do valor, além de qualquer formatação de valor no estilo do Excel.

    Neste exemplo, "Lucro YTD" é inserido na seção Substituição de título para indicar melhor o 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 mostra uma barra de progresso com o valor sombreado para indicar o status atual em relação à meta. Se as configurações de Marcador padrão forem aplicadas, o nome do campo também vai aparecer.

    Calcular progresso (com porcentagem) mostra a barra de progresso sombreada com o texto X% de X e as configurações de Marcador padrão aplicadas.

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

    Desmarque a opção Mostrar marcador para ocultar o marcador do campo. Com a opção Calcular progresso, apenas uma barra de progresso sombreada será mostrada. Com a opção Calcular progresso (com porcentagem), o texto X% de X será mostrado em uma barra de progresso sombreada.

    Deixe as opções Mostrar marcador inalteradas para incluir o marcador do campo no estado em que se encontra.

    Insira um marcador personalizado no campo Marcador.

O resultado final é o valor do lucro do ano até a data (YTD) de US $730,362.93 com uma barra de progresso indicando o progresso em relação à meta de vendas anual de US $1.000.000.

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

  • Veja como o exemplo vai aparecer com a opção Calcular progresso e as configurações de marcador personalizado "progresso para a meta de vendas anual" aplicadas na guia Comparação:

    Valor único de US $730,362.93 com o subtítulo &quot;Lucro do ano&quot; e uma barra de progresso com a legenda &quot;Progresso para a meta de vendas anual&quot; 3/4 sombreada.

  • Veja como o exemplo vai aparecer com a opção Calcular progresso (com porcentagem) e as configurações de marcador personalizado "meta de vendas anual" aplicadas na guia Comparação:

    Valor único de US $730,362.93 com o subtítulo &quot;Lucro do ano até o momento&quot; e uma barra de progresso com a legenda &quot;73% da meta de vendas anual de US $1.000.000&quot; 3/4 sombreadas.

Próximas etapas:

Depois de criar a visualização de valor único, você pode compartilhá-la com outras pessoas: