Criar um diagrama de Venn com o editor de configuração do gráfico

Um diagrama de Venn mostra a interseção entre dois ou mais atributos em um conjunto de dados.

Com o Editor de configuração de gráficos, você pode criar diagramas de Venn a partir de um gráfico de colunas no Looker. É preciso incluir pelo menos duas dimensões type: yesno e uma dimensão com type: string ou type: number para criar um diagrama de Venn.

Por exemplo, é possível criar um diagrama de Venn que mostre a sobreposição entre os pedidos que foram a primeira compra de um usuário, os pedidos que tiveram um desconto para idosos aplicado e os pedidos de US $50 ou mais.

Pré-requisitos

Para acessar o editor de configuração de gráficos, você precisa ter a permissão can_override_vis_config.

Escrever o snippet JSON

Para criar um diagrama de Venn, comece com o seguinte snippet JSON:

{
  chart: {
    type: 'venn',
  }
}

Como criar um diagrama de Venn

Para criar um diagrama de Venn, siga estas etapas:

  1. Confira um gráfico de colunas em uma Análise ou edite um gráfico de colunas em um Look ou painel.

    Comece com um gráfico de colunas com pelo menos três dimensões. Inclua uma dimensão de type: string ou type: number. Inclua pelo menos duas dimensões de type: yesno.

  2. Na visualização, abra o menu Editar.

  3. Na guia Gráfico, clique no botão Editar configuração do gráfico. 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 snippet JSON do HighCharts na seção Como escrever o snippet JSON desta página.

  5. Para que o Looker formate seu JSON corretamente, clique em <> (Format code).

  6. Para testar as mudanças, clique em Visualizar.

  7. Para aplicar as mudanças, clique em Aplicar. A visualização será mostrada usando os valores JSON personalizados.

Depois de personalizar a visualização, você pode salvá-la.

Adicionar mais condições

Para adicionar mais círculos ao diagrama de Venn, adicione mais dimensões type: yesno à tabela de dados. Você pode criar uma dimensão personalizada se precisar dessa condição apenas para o diagrama de Venn. Escreva as dimensões personalizadas como uma condição booleana, como neste exemplo:

${orders.total_amount} > 50

Como mudar os valores dos rótulos de sobreposição

Por padrão, o rótulo de qualquer região sobreposta no diagrama de Venn será uma concatenação dos rótulos das regiões separados por vírgulas. Por exemplo, a sobreposição entre as regiões "Spent Over $50", "Is First Purchase" e "Senior Discount" seria "Spent Over $50, Is First Purchase, Senior Discount".

Para personalizar esses rótulos, edite os atributos series.data.name usando o editor de configuração de gráficos. Para determinar qual atributo corresponde a qual região, pode ser útil enumerar todas as regiões primeiro.

Por exemplo, considere um diagrama de Venn com três círculos. Isso significa que há sete regiões no total.

Use o snippet JSON abaixo para descobrir qual rótulo corresponde a cada número:

{
  chart: {
    type: 'venn'
  },
    series: [{
    data: [{ name: '1'}, {name: '2'}, {name: '3'}, {name: '4'}, {name: '5'}, {name: '6'}, {name: '7'}]
  }]
}

Em seguida, você pode editar o atributo name de qualquer região cujo nome você queira mudar. Para manter o rótulo como padrão, remova o atributo name, mas deixe os colchetes intactos. Neste exemplo, as regiões sobrepostas (3, 5, 6, 7) são renomeadas, e os círculos externos (1, 2, 4) mantêm o rótulo padrão.

{
  chart: {
    type: 'venn'
  },
    series: [{
    data: [{}, {}, {name: 'Ruby tier'}, {}, {name: 'Platinum tier'}, {name: 'Emerald tier'}, {name: 'Sapphire tier'}]
  }]
}

Mudar o tamanho da fonte do marcador

Para mudar o tamanho da fonte dos rótulos no diagrama de Venn, edite os atributos dataLabels.style.fontSize usando o editor de configuração de gráficos.

Para ampliar o exemplo anterior, o exemplo a seguir define o tamanho da fonte de cada um dos rótulos como 24 pontos.

{
  chart: {
    type: 'venn',

  },
  series: [{
    data: [{
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        name: 'Ruby tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        name: 'Platinum tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      },
      {
        name: 'Emerald tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      },
      {
        name: 'Sapphire tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }
    ]
  }]
}