Tipos de visualização de painel

Este artigo descreve os tipos de visualizações disponíveis a serem usados nos painéis e mostra como você deve criar um exemplo de cada tipo de visualização. Para obter instruções sobre como criar um painel, consulte Tutorial: Criar um painel.

Observação

Para otimizar o desempenho, os gráficos só podem renderizar 10 mil elementos na tela. Caso contrário, as visualizações poderão ser truncadas.

Visualização de área

As visualizações de área combinam as visualizações de linha e barra para mostrar como os valores numéricos de um ou mais grupos mudam ao longo da progressão de uma segunda variável, normalmente a do tempo. É comum usá-la para mostrar alterações no funil de vendas ao longo do tempo.

Exemplo de visualização de área

Valores de configuração: para este exemplo de visualização de área, os seguintes valores foram definidos:

  • Título: Total price and order year by order priority and clerk
  • Eixo X:
    • Campo: o_orderdate
    • Tipo de escala: Temporal
    • Transformar: Yearly
    • Título do eixo: Order year
  • Eixo Y:
    • Campo: o_totalprice
    • Título do eixo: Total price
    • Tipo de escala: Quantitative
    • Transformar: Sum
  • Agrupar por:
    • Campo: o_orderpriority
    • Título da legenda: Order priority
  • Filtrar
    • Campo: TPCH orders.o_clerk

Consulta SQL: para esta visualização de área, a seguinte consulta SQL foi usada para gerar o conjunto de dados chamado TPCH orders.

SELECT * FROM samples.tpch.orders

Gráfico de barras

Os gráficos de barras representam a alteração nas métricas ao longo do tempo ou entre categorias e mostram proporcionalidade, semelhante a uma visualização de pizza.

Exemplo de visualização de barras

Valores de configuração: para este exemplo de visualização de barras, os seguintes valores foram definidos:

  • Título: Total price and order month by order priority and clerk
  • Eixo X:
    • Campo: o_orderdate
    • Transformar: Monthly
    • Tipo de escala: Temporal
    • Título do eixo: Order month
  • Eixo Y:
    • Campo: o_totalprice
    • Tipo de escala: Quantitative
    • Transformar: Sum
    • Título do eixo: Total price
  • Agrupar por:
    • Campo: o_orderpriority
    • Título da legenda: Order priority
  • Filtrar
    • Campo: TPCH orders.o_clerk

Consulta SQL: para esta visualização de barras, a seguinte consulta SQL foi usada para gerar o conjunto de dados chamado TPCH orders.

SELECT * FROM samples.tpch.orders

Gráfico de combinação

Os gráficos de combinação combinam gráficos de linhas e de barras para apresentar as alterações ao longo do tempo com proporcionalidade.

Observação

Os gráficos de combinação dão suporte a agregações de back-end, fornecendo suporte para consultas que retornam mais de 64 mil linhas de dados sem truncar o conjunto de resultados.

Exemplo de gráfico de combinação

Valores de configuração: para essa visualização do gráfico de combinação, os seguintes valores foram definidos:

  • X-axis: ps_partkey
    • Tipo de escala: Quantitative
  • Eixo Y:
    • Barra: ps_availqty
    • Tipo de agregação: SUM
    • Linha: ps_supplycost
    • Tipo de agregação: AVG
  • Cor por série Y:
    • Sum of ps_availqty
    • Average ps_supplycost

Consulta SQL: para essa visualização do gráfico de combinação, a consulta SQL a seguir foi usada para gerar o conjunto de dados.

SELECT * FROM samples.tpch.partsupp

Gráfico de combinação de eixo duplo

Você pode usar gráficos de combinação para mostrar dois eixos y diferentes. Com o widget do gráfico de combinação selecionado, clique no menu Menu kebab kebab nas configurações do eixo Y no painel de configuração do gráfico. Ative a opção Habilitar eixo duplo.

Exemplo de gráfico de combinação de eixo duplo

Valores de configuração: quanto a este gráfico de combinação, a opção Habilitar eixo duplo está ativada. As outras configurações são definidas da seguinte maneira:

  • X-axis: tpep_pickup_datetime
    • Tipo de escala: Temporal
    • Transformar: Weekly
  • Eixo Y:
    • Eixo Y esquerdo (Barra): trip_distance
      • Transformar: AVG
    • Eixo Y direito (Linha): fare_amount
      • Transformar: AVG

Cor por série Y:

  • Average trip_distance
    • Average fare_amount

Consulta SQL: a seguinte consulta SQL foi usada para gerar o conjunto de dados:

SELECT * FROM samples.nyctaxi.trips

Visualização de contador

Os contadores exibem um único valor com destaque, com uma opção para compará-lo a um valor de destino. Para usar contadores, especifique qual linha de dados exibir na visualização do contador para a Coluna de Valor e a Coluna de Destino.

Exemplo de contador

Valores de configuração: para este exemplo de visualização de contador, os seguintes valores foram definidos:

  • Título: Orders: Target amount vs. actual amount by date
  • Valor:
    • Campo: avg(o_totalprice)
    • Número da linha de valor: 1
  • Destino:
    • Campo: avg(o_totalprice)
    • Número da linha de valor: 2
  • Filtrar
    • Campo: TPCH orders.o_orderdate

Consulta SQL: para esta visualização de contador, a seguinte consulta SQL foi usada para gerar o conjunto de dados chamado TPCH orders_target.

SELECT o_orderdate, avg(o_totalprice)
FROM samples.tpch.orders
GROUP BY 1
ORDER BY 1

Visualização de linha

As visualizações de linha apresentam a alteração em uma ou mais métricas ao longo do tempo.

Exemplo de visualização de linha

Valores de configuração: para este exemplo de visualização de linha, os seguintes valores foram definidos:

  • Título: Average price and order year by order priority and clerk
  • Eixo X:
    • Campo: o_orderdate
    • Transformar: Yearly
    • Tipo de escala: Temporal
    • Título do eixo: Order year
  • Eixo Y:
    • Campo: o_totalprice
    • Transformar: Average
    • Tipo de escala: Quantitative
    • Título do eixo: Average price
  • Agrupar por:
    • Campo: o_orderpriority
    • Título da legenda: Order priority
  • Filtrar
    • Campo: TPCH orders.o_clerk

Consulta SQL: para esta visualização de barras, a consulta SQL a seguir foi usada para gerar o conjunto de dados chamado TPCH orders.

SELECT * FROM samples.tpch.orders

Gráfico de mapa de calor

Os gráficos de mapa de calor combinam características de gráficos de barras, empilhamento e gráficos de bolhas, permitindo que você visualize dados numéricos usando cores. Uma paleta de cores comum para um mapa de calor mostra os valores mais altos usando cores mais quentes, como laranja ou vermelho, e os valores mais baixos usando cores mais frias, como azul ou roxo.

Por exemplo, o mapa de calor a seguir que visualiza as distâncias de corridas de táxi que ocorrem com mais frequência em cada dia e agrupa os resultados por dias da semana, distância e tarifa total.

Observação

Os gráficos de mapa de calor dão suporte a agregações de back-end, fornecendo suporte para consultas que retornam mais de 64 mil linhas de dados sem truncar o conjunto de resultados.

Exemplo de mapa de calor

Valores de configuração: para essa visualização do gráfico de mapa de calor, os seguintes valores foram definidos:

  • Coluna X (coluna do conjunto de dados): o_orderpriority
  • Colunas Y (coluna do conjunto de dados): o_orderstatus
  • Coluna de cores:
    • Coluna do conjunto de dados: o_totalprice
    • Tipo de agregação: Average
  • Nome do eixo X (substituir o valor padrão): Order priority
  • Nome do eixo Y (substituir o valor padrão): Order status
  • Esquema de cores (substituir o valor padrão): YIGnBu

Consulta SQL: para essa visualização do gráfico de mapa de calor, a consulta SQL a seguir foi usada para gerar o conjunto de dados.

SELECT * FROM samples.tpch.orders

Gráfico de histograma

Um histograma plota a frequência de ocorrência de um determinado valor em um conjunto de dados. Ele ajuda você a entender se um conjunto de dados tem valores clusterizados relacionados a um pequeno número de intervalos ou mais distribuídos. Além disso, ele é exibido como um gráfico de barras no qual é possível controlar o número de barras distintas (também chamadas de compartimentos).

Observação

Os gráficos de histograma dão suporte a agregações de back-end, fornecendo suporte para consultas que retornam mais de 64 mil linhas de dados sem truncar o conjunto de resultados.

Exemplo de gráfico de histograma

Valores de configuração: para essa visualização do gráfico de histograma, os seguintes valores foram definidos:

  • Coluna X (coluna do conjunto de dados): o_totalprice
  • Número de compartimentos: 20
  • Nome do eixo X (substituir o valor padrão): Total price

Opções de configuração: para opções de configuração do gráfico de histograma, consulte as opções de configuração do gráfico de histograma.

Consulta SQL: para essa visualização do gráfico de histograma, a consulta SQL a seguir foi usada para gerar o conjunto de dados.

select * from samples.tpch.orders

Visualização de pizza

As visualizações de pizza mostram proporcionalidade entre as métricas. Não serve para transmitir dados de séries temporais.

Exemplo de visualização de pizza

Valores de configuração: para este exemplo de visualização de pizza, os seguintes valores foram definidos:

  • Título: Total price by order priority and clerk
  • Ângulo:
    • Campo: o_totalprice
    • Transformar: Sum
    • Título do eixo: Total price
  • Agrupar por:
    • Campo: o_orderpriority
    • Título da legenda: Order priority
  • Filtrar
    • Campo: TPCH orders.o_clerk

Consulta SQL: para esta visualização de pizza, a seguinte consulta SQL foi usada para gerar o conjunto de dados chamado TPCH orders.

SELECT * FROM samples.tpch.orders

Visualização dinâmica

Uma visualização dinâmica agrega registros de um resultado de consulta em uma exibição tabular. É semelhante às instruções PIVOT ou GROUP BY no SQL. Você configura a visualização dinâmica com campos de arrastar e soltar.

Observação

Por motivos de desempenho, as tabelas dinâmicas dão suporte apenas à renderização de 100 colunas x 100 linhas.

Exemplo de pivô

Valores de configuração: para este exemplo de visualização dinâmica, os seguintes valores foram definidos:

  • Título: Line item quantity by return flag and ship mode by supplier
  • Linhas:
    • Campo: l_returnflag
  • Colunas:
    • Campo: l_shipmode
  • Célula
    • Conjunto de dados:
    • Campo: l_quantity
    • Transformação: soma
  • Filtrar
    • Campo: TPCH lineitem.l_supplierkey

Consulta SQL: para esta visualização dinâmica, a seguinte consulta SQL foi usada para gerar o conjunto de dados chamado TPCH lineitem.

SELECT * FROM samples.tpch.lineitem

Visualização de dispersão

As visualizações de dispersão geralmente são usadas para mostrar a relação entre duas variáveis numéricas. Você pode codificar a terceira dimensão com cor para mostrar como as variáveis numéricas diferem entre grupos.

Exemplo de dispersão

Valores de configuração: para este exemplo de visualização de dispersão, os seguintes valores foram definidos:

  • Título: Total price and quantity by ship mode and supplier
  • Eixo X:
    • Campo: l_quantity
    • Título do eixo: Quantity
    • Tipo de escala: Quantitative
    • Transformar: None
  • Eixo Y:
    • Campo: l_extendedprice
    • Tipo de escala: Quantitative
    • Transformar: None
    • Título do eixo: Price
  • Agrupar por:
    • Campo: l_shipmode
    • Título da legenda: Ship mode
  • Filtrar
    • Campo: TPCH lineitem.l_supplierkey

Consulta SQL: para esta visualização de dispersão, a seguinte consulta SQL foi usada para gerar o conjunto de dados chamado TPCH lineitem.

SELECT * FROM samples.tpch.lineitem

Visualização de tabela

A visualização da tabela mostra os dados em uma tabela padrão, mas permite que você reordene, oculte e formate manualmente os dados.

Exemplo de tabela

Valores de configuração: para este exemplo de visualização de tabela, os seguintes valores foram definidos:

  • Título: Line item summary by supplier
  • Colunas:
    • Exibir o número da linha: habilitado
    • Campo: l_orderkey
    • Campo: l_extendedprice
      • Exibir como: Number
      • Formato de número: $0.00
    • Campo: l_discount
      • Exibir como: Number
      • Formato de número: %0,00
    • Campo: l_tax
      • Exibir como: Number
      • Formato de número: %0,00
    • Campo: l_shipdate
    • Campo: l_shipmode
  • Filtrar
    • Campo: TPCH lineitem.l_supplierkey

Consulta SQL: para esta visualização de tabela, a seguinte consulta SQL foi usada para gerar o conjunto de dados chamado TPCH lineitem.

SELECT * FROM samples.tpch.lineitem