Partilhar via


Tipos de visualização de painel

Este artigo descreve os tipos de visualizações disponíveis para uso em painéis e mostra como criar um exemplo de cada tipo de visualização. Para obter instruções sobre como criar um painel, consulte Criar um painel.

Nota

Para otimizar o desempenho, os gráficos só podem renderizar 10 mil elementos na tela. Caso contrário, as visualizações podem 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. Eles são frequentemente usados para mostrar as mudanças do 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, foram definidos os seguintes valores:

  • Designação: Total price and order year by order priority and clerk
  • Eixo X:
    • Domínio: o_orderdate
    • Tipo de escala: Temporal
    • Transformar: Yearly
    • Título do eixo: Order year
  • Eixo Y:
    • Domínio: o_totalprice
    • Título do eixo: Total price
    • Tipo de escala: Quantitative
    • Transformar: Sum
  • Grupo por:
    • Domínio: o_orderpriority
    • Título da legenda: Order priority
  • Filtrar
    • Domínio: 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 mudança 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 barra

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

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

Consulta SQL: Para esta visualização de barra, 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 barras para apresentar as alterações ao longo do tempo com proporcionalidade.

Exemplo de gráfico de combinação

Valores de configuração: Para esta visualização de gráfico de combinação, foram definidos os seguintes valores:

  • Eixo X: ps_partkey
    • Tipo de escala: Quantitative
  • Eixo Y:
    • Bar: 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 esta visualização de gráfico de combinação, a seguinte consulta SQL 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 de gráfico de combinação selecionado, clique no Menu de kebab menu kebab nas configurações do eixo Y no painel de configuração do gráfico. Ative a opção Ativar eixo duplo.

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

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

  • Eixo X: 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 do contador

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

Contraexemplo

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

  • Designação: Orders: Target amount vs. actual amount by date
  • Valor:
    • Domínio: avg(o_totalprice)
    • Número da linha do valor: 1
  • Público-alvo:
    • Domínio: avg(o_totalprice)
    • Número da linha do valor: 2
  • Filtrar
    • Domínio: TPCH orders.o_orderdate

Consulta SQL: Para essa 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 mudança 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, foram definidos os seguintes valores:

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

Consulta SQL: Para esta visualização de visualização de barra, a seguinte consulta SQL 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 recursos 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 visualiza as distâncias mais frequentes de corridas de táxi em cada dia e agrupa os resultados pelo dia da semana, distância e tarifa total.

Exemplo de mapa de calor

Valores de configuração: Para esta visualização de gráfico de mapa de calor, foram definidos os seguintes valores:

  • Coluna X (coluna do conjunto de dados): o_orderpriority
  • Colunas Y (coluna do conjunto de dados): o_orderstatus
  • Coluna de cor:
    • 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 esta visualização de gráfico de mapa de calor, a seguinte consulta SQL foi usada para gerar o conjunto de dados.

SELECT * FROM samples.tpch.orders

Gráfico de histograma

Um histograma plota a frequência com que um determinado valor ocorre em um conjunto de dados. Um histograma ajuda você a entender se um conjunto de dados tem valores agrupados em torno de um pequeno número de intervalos ou mais espalhados. Um histograma é exibido como um gráfico de barras no qual você controla o número de barras distintas (também chamadas de compartimentos).

Exemplo de gráfico de histograma

Valores de configuração: Para esta visualização de gráfico de histograma, foram definidos os seguintes valores:

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

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

Consulta SQL: Para esta visualização de gráfico de histograma, a seguinte consulta SQL foi usada para gerar o conjunto de dados.

select * from samples.tpch.orders

Visualização de pizza

As visualizações de pizza mostram a proporcionalidade entre as métricas. Não se destinam a transmitir dados de séries cronológicas.

Exemplo de visualização de pizza

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

  • Designação: Total price by order priority and clerk
  • Ângulo:
    • Domínio: o_totalprice
    • Transformar: Sum
    • Título do eixo: Total price
  • Grupo por:
    • Domínio: o_orderpriority
    • Título da legenda: Order priority
  • Filtrar
    • Domínio: 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 a PIVOT instruções ou GROUP BY em SQL. Configure a visualização dinâmica com campos de arrastar e soltar.

Nota

Por motivos de desempenho, as tabelas dinâmicas suportam apenas a 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:

  • Designação: Line item quantity by return flag and ship mode by supplier
  • Linhas:
    • Domínio: l_returnflag
  • Colunas:
    • Domínio: l_shipmode
  • Célula
    • Conjunto de dados:
    • Domínio: l_quantity
    • Transformar: Soma
  • Filtrar
    • Domínio: 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 são comumente usadas para mostrar a relação entre duas variáveis numéricas. Você pode codificar a terceira dimensão com cores para mostrar como as variáveis numéricas diferem entre os grupos.

Exemplo de dispersão

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

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

Consulta SQL: Para essa 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 de tabela mostra dados em uma tabela padrão, mas permite reordenar, ocultar e formatar manualmente os dados.

Exemplo de tabela

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

  • Designação: Line item summary by supplier
  • Colunas:
    • Exibir número da linha: Ativado
    • Domínio: l_orderkey
    • Domínio: l_extendedprice
      • Exibir como: Number
      • Formato do número: $0.00
    • Domínio: l_discount
      • Exibir como: Number
      • Formato do número: %0.00
    • Domínio: l_tax
      • Exibir como: Number
      • Formato do número: %0.00
    • Domínio: l_shipdate
    • Domínio: l_shipmode
  • Filtrar
    • Domínio: 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