Gráficos de marcadores: visuais personalizados avançados para LuckyTemplates

Neste tutorial, discutiremos um visual personalizado chamado Bullet charts . Eles são usados ​​principalmente para medir o desempenho em relação à meta ou aos anos anteriores.

Os gráficos de marcadores são visuais úteis para comparar o desempenho dos funcionários, metas de remessa, metas de vendas, metas de produção e muito mais.

Este é um exemplo de gráfico de marcadores que criei. Discutiremos como criei esse gráfico de marcadores e o que podemos fazer nesse visual personalizado específico. 

Esses são os dados que usaremos neste exemplo. Ele contém os nomes dos jogadores, gols marcados, alvo e gols do ano passado. Posteriormente neste tutorial, criaremos medidas para as colunas calculadas. 

Índice

• Criando gráficos de marcadores no LuckyTemplates
• Modificando gráficos de marcadores no LuckyTemplates
• Formatação condicional para gráficos de marcadores
• Faixas do LuckyTemplates
  • Definindo Bandas Estáticas
  • Definindo Bandas Dinâmicas
• Mostrando comparações em gráficos de marcadores
• Criando lendas para as bandas
• Conclusão

Criando gráficos de marcadores no LuckyTemplates

O gráfico de marcadores que usaremos neste tutorial será importado do marketplace. Clique nos 3 pontos aqui e, em seguida, clique em “ Obter mais recursos visuais ”.

Pesquise por " Bullet " e adicione o Bullet Chart da OKViz . 

Este é o que eu prefiro porque também mostra os valores negativos do outro lado, se o tivermos em nossos dados. 

Vamos adicionar esse visual em nossa página de relatório e redimensioná-lo. 

Em seguida, adicione o Jogador para o campo Categoria e a medida Gols Marcados para o campo Valor . 

Devemos obter esta saída. Como você pode ver, atualmente temos faixas em nosso gráfico de marcadores. Estes são representados pelos diferentes tons de cinza.

Vamos agora arrastar a medida Target no campo Targets . 

Em seguida, ele adicionará marcadores de destino em nossa saída.

Modificando gráficos de marcadores no LuckyTemplates

Na seção Geral da guia Formatação , também podemos alterar a orientação do nosso visual para vertical, se desejarmos.

Por padrão, se redimensionarmos esse visual em nossa página de relatório, as barras também serão redimensionadas automaticamente. 

Se não quisermos que isso aconteça, podemos apenas definir a altura mínima ou máxima das barras.

Depois de definir a altura máxima das barras, ficará assim.

Esta parte do visual são as categorias. Se quisermos, podemos desativá-los desativando a Categoria .

Para este exemplo, é melhor deixarmos isso ativado. 

O eixo Valor é o eixo X do visual. Também podemos desligar este. 

Mas, para este exemplo, vamos deixá-lo ativado.

Outro recurso que seria útil são os rótulos de dados . 

Ele então mostrará essas etiquetas que são as pontuações de nossas categorias (os jogadores).

Formatação condicional para gráficos de marcadores

Outra coisa bacana desse visual é a formatação condicional. Se usarmos apenas um gráfico de barras aqui, não poderemos formatar condicionalmente cada uma das categorias. 

Como você pode ver na imagem, apenas um alvo foi definido para todos os jogadores individuais. 

No entanto, em nosso conjunto de dados, existem alvos diferentes para cada um dos jogadores individuais. 

Portanto, usar um gráfico de barras não criará o visual que queremos. Essa é a razão pela qual estamos usando um gráfico de marcadores neste exemplo específico. 

Como você pode ver, agora podemos definir a condição if.

Vamos atribuir uma cor vermelha para esta condição para que possamos ver quais jogadores estão atrás de suas metas de pontuação.

Obviamente, esses 3 jogadores estão atrás de suas metas de pontuação. 

Também podemos alterar a cor dos marcadores de destino. Para este exemplo, usaremos apenas preto.

Também podemos alterar a forma do marcador de destino. Para este exemplo, vamos nos ater à forma Line porque ela tem uma aparência melhor do que as outras formas.

Faixas do LuckyTemplates

Neste visual, você pode ver as partes cinzas atrás das grades. Estes são chamados de Bandings . 

Podemos definir bandas estáticas ou dinâmicas . Para bandas dinâmicas, podemos fazer isso criando medidas calculadas. Faremos isso depois de aprender como definir bandas estáticas.

Definindo Bandas Estáticas

Para bandas estáticas, podemos defini-las aqui. 

Atualmente, existem 5 Estados onde podemos definir um valor para cada um deles.

Podemos definir o Estado por um valor Absoluto ou Porcentagem . Neste caso, vamos usar um valor Absoluto . 

Para State 1 , vamos definir o valor como 60 e alterar a cor para um cinza mais escuro. 

Como você pode ver, as faixas mudaram em nosso visual.

Vamos então definir o valor e a cor para os outros estados. Certifique-se de que o valor seguinte que você usará seja sempre maior que os valores do estado anterior .

Como você pode ver, também usamos uma cor cinza mais clara para cada estado seguinte. 

Agora, a saída deve ficar assim. 

Então, é assim que podemos definir uma faixa estática.

Definindo Bandas Dinâmicas

For the dynamic bandings, we can place the measures in the States field. This will automatically override the static bandings that we defined previously.

Let’s now display the legends and set their position.

It should then look like this.

Let’s also turn off the Title and Background.

We can now start creating dynamic bandings. Let’s go to our Table. Then, add a new column by clicking the New column.

Let’s define a new column as State 1 and set 60% for the target goal. To get the percentage value of the first state, just multiply the Target value to .60. This basically means that if a player achieved only 60% of the target goal, they will be kicked from the team. 

For State 2, let’s use 70% and multiply the Target value to .70. This time, if the player reaches 70% of their target goal, they must be retained on the team.

Vamos adicionar outra coluna para State 3 . Para este, vamos definir 80% para a meta e multiplicá-la por 0,80 . Se os jogadores atingirem 80% da meta , o preço do contrato será aumentado .

Em seguida, para o Estado 4 , vamos definir a meta como 100% . Se o jogador atingir 100% de sua meta , devemos fazer de tudo para reter esses jogadores . 

Para o Estado 5 , definiremos o valor máximo dos gols marcados ou do valor alvo . Portanto, vamos definir isso com uma declaração condicional if em que, se os gols marcados forem maiores que o alvo , obteremos os gols marcados . Caso contrário, obteremos o valor Alvo . 

Antes de podermos usar essas medidas de coluna calculadas, precisamos alterar seu formato para Número inteiro . Certifique-se de alterar cada um deles.

Vamos então adicionar o primeiro estado no campo Estados .

Como você pode ver, a primeira banda mudou.

Vamos agora adicionar os outros estados no campo Estados . 

A saída deve ficar assim.

Agora temos as bandas dinâmicas em nosso gráfico de marcadores personalizado. Com isso, podemos ver facilmente quem são os melhores e os piores jogadores. 

Mostrando comparações em gráficos de marcadores

A outra coisa que podemos fazer com esse visual é usar a opção Mostrar % de alteração . Podemos usar isso para comparar até que ponto um determinado indivíduo ou jogador excedeu seu objetivo. Para este exemplo, vamos usar o alvo mais próximo alcançado .

Em nosso visual, veremos que Christiano ultrapassou 9% de sua meta e Salah ultrapassou 6% de sua meta. 

Também podemos usar o valor de comparação . No entanto, precisamos adicionar uma medida adicional para comparação se formos usar isso.

Por exemplo, vamos adicionar as metas de meta do ano anterior ( Metas LY ) no campo Valor de comparação . ' 

Como você pode ver, o valor de comparação funciona agora. Podemos finalmente ver que Christiano já alcançou 41% de sua meta no ano passado, enquanto Salah conseguiu 31% . 

Vamos remover o valor de comparação para este exemplo.  

Em vez disso , vamos continuar usando o alvo Alcançado mais próximo .

A última coisa que devemos fazer são as legendas para as bandas. Isso ocorre porque realmente não sabemos o que essas bandas significam em nosso visual. 

Criando lendas para as bandas

Para criar a legenda para nossas bandas, vamos adicionar um gráfico de barras 100% empilhado .

Então, vamos colocar nossos estados dinâmicos no campo Values .

Depois disso, desligue o Title . 

Desative o Título sob os eixos  X e Y.

Em seguida, desligue também  os eixos X e Y.

O estado 3 não foi adicionado e o estado 2 foi adicionado duas vezes. Então, vamos remover o segundo Estado 2 e adicionar o Estado 3 . 

Vamos alterar as cores dos estados e usar as mesmas cores das faixas em nosso gráfico de marcadores (cinza mais escuro para cinza mais claro).

Também podemos alterar os nomes desses estados para a legenda. Por exemplo, vamos mudar o primeiro estado para Kick the Players .

Vamos então mudar o nome dos outros estados.

Também podemos criar isso usando o PowerPoint para tornar a legenda mais atraente. Se não quisermos usar o PowerPoint, podemos simplesmente desativar a opção Legenda .

Vamos agora adicionar um texto clicando na caixa Texto na guia Início .

Em seguida, crie nosso rótulo como “ Kick the Players ” e estilize-o usando esta caixa de texto.

Depois disso, mova a caixa de texto na parte superior do gráfico de barras e alinhe-a com a primeira barra. 

Em seguida, duplique a primeira caixa de texto para alterar o texto e a cor que correspondem às nossas barras de legenda.

Agora podemos selecionar as caixas de texto e o gráfico de barras para agrupá-los.

Em seguida, posicione corretamente o gráfico de marcadores e o gráfico de barras.

Novo Curso LuckyTemplates: Técnicas de Visualização Avançada
Exemplo de Banda e Segmentação do LuckyTemplates Usando
Dados do Grupo DAX em um Painel de Varejo no LuckyTemplates

Conclusão

Resumindo, você aprendeu a criar gráficos de marcadores e personalizá-los. Você também aprendeu uma nova técnica chamada Banding , que permite agrupar dados em blocos com base em seus dados subjacentes. Estático e dinâmico são os dois tipos de faixas no LuckyTemplates.

Você também entendeu como as comparações podem ser possíveis em gráficos de marcadores e como elas podem elevar a apresentação de seus dados.

Espero que você tenha gostado deste tutorial e o tenha achado útil para suas visualizações de dados.

Até a próxima vez,

Mudassir