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

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

Com o Chart Config Editor, é possível criar diagramas de Venn começando por um gráfico de colunas no Looker. É necessário 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 mostra a sobreposição entre pedidos que foram a primeira compra de um usuário, pedidos que tiveram um desconto para idoso aplicado e 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 um dashboard.

    Comece por 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 permitir que o Looker formate o JSON corretamente, clique em <> (código do formato).

  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 sua 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 "Gastos acima de US $50", "É a primeira compra" e "Desconto para idosos". seria "Gasto acima de R $50,00, é a primeira compra, desconto para idosos".

Para personalizar esses rótulos, edite os atributos series.data.name usando o Editor de configuração de gráfico. 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 permitir que o rótulo permaneça como padrão, remova o atributo name, mas deixe os colchetes intactos. Neste exemplo, as regiões sobrepostas (3, 5, 6 e 7) são renomeadas, e os círculos externos (1, 2 e 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 expandir 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
          }
        }
      }
    ]
  }]
}