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.

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 da área

As visualizações de área combinam as visualizações de linha e de 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 o tempo. Elas são frequentemente usadas para mostrar as mudanças no funnel 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:

  • 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

  • Grupo por:

    • Campo: o_orderpriority

    • Título da legenda: Order priority

  • Filtrar

    • Campo: TPCH orders.o_clerk

Consulta SQL: Para essa visualização de área, a seguinte consulta SQL foi usada para gerar o conjunto de dados denominado 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 esse exemplo de visualização de barra, foram definidos os seguintes valores:

  • 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

  • Grupo por:

    • Campo: o_orderpriority

    • Título da legenda: Order priority

  • Filtrar

    • Campo: TPCH orders.o_clerk

Consulta SQL: Para essa visualização de barra, a seguinte consulta SQL foi usada para gerar o conjunto de dados denominado TPCH orders.

SELECT * FROM samples.tpch.orders

Gráfico de combinação

Os gráficos combinados combinam gráficos de linhas e de barras para apresentar as mudanças ao longo do tempo com proporcionalidade.

Exemplo de gráfico de combinação

Valores de configuração: Para essa visualização de gráfico combinado, 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

  • Colorido pela série Y:

    • Sum of ps_availqty

    • Average ps_supplycost

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

SELECT * FROM samples.tpch.partsupp

Gráfico combinado de eixo duplo

O senhor pode usar gráficos combinados para mostrar dois eixos y diferentes. Com seu widget de gráfico combinado 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 combinado de eixo duplo

Valores de configuração: Para esse gráfico combinado, a opção Enable dual axis (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

Contra-visualização

Os contadores exibem um único valor de forma destacada, com a opção de compará-los com um valor-alvo. 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.

Contra exemplo

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

  • Título: Orders: Target amount vs. actual amount by date

  • Valor:

    • Campo: avg(o_totalprice)

    • Número da linha de valor: 1

  • Alvo:

    • Campo: avg(o_totalprice)

    • Número da linha de valor: 2

  • Filtrar

    • Campo: TPCH orders.o_orderdate

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

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

Visualização de linhas

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 esse exemplo de visualização de linha, foram definidos os seguintes valores:

  • 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

  • Grupo por:

    • Campo: o_orderpriority

    • Título da legenda: Order priority

  • Filtrar

    • Campo: TPCH orders.o_clerk

Consulta SQL: Para essa visualização de barra, a seguinte consulta SQL foi usada para gerar o conjunto de dados denominado TPCH orders.

SELECT * FROM samples.tpch.orders

Gráfico de mapa de calor

Os gráficos de mapa de calor misturam recursos de gráficos de barras, empilhamento e gráficos de bolhas, permitindo que o senhor visualize cores de uso numérico de dados. 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 seguinte mapa de calor visualiza as distâncias mais frequentes de viagens de táxi em cada dia e agrupa os resultados por dia da semana, distância e tarifa total.

Exemplo de mapa de calor

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

  • Coluna X (dataset column): o_orderpriority

  • Colunas Y (dataset column): o_orderstatus

  • Coluna de cores:

    • dataset coluna: o_totalprice

    • Tipo de agregação: Average

  • Nome do eixo X (substitui o valor de default ): Order priority

  • Nome do eixo Y (substitui o valor de default ): Order status

  • Esquema de cores (substitui o valor de default ): YIGnBu

Consulta SQL: Para essa 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 mostra a frequência com que um determinado valor ocorre em um dataset. Um histograma ajuda o senhor a entender se um dataset tem valores que estão agrupados em torno de um pequeno número de intervalos ou se estão mais espalhados. Um histograma é exibido como um gráfico de barras no qual o usuário controla o número de barras distintas (também chamadas de compartimentos).

Exemplo de gráfico de histograma

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

  • Coluna X (dataset column): o_totalprice

  • Número de compartimentos: 20

  • Nome do eixo X (substitui o valor de default ): Total price

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

Consulta SQL: Para essa 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

pie As visualizações mostram a proporcionalidade entre as métricas. Eles não se destinam a transmitir dados de séries temporais.

pie exemplo de visualização

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

  • Título: Total price by order priority and clerk

  • Ângulo:

    • Campo: o_totalprice

    • Transformar: Sum

    • Título do eixo: Total price

  • Grupo por:

    • Campo: o_orderpriority

    • Título da legenda: Order priority

  • Filtrar

    • Campo: TPCH orders.o_clerk

SQL consulta: Para esta visualização pie, a seguinte consulta SQL foi usada para gerar o conjunto de dados denominado TPCH orders.

SELECT * FROM samples.tpch.orders

Visualização de pivô

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

Observação

Por motivos de desempenho, as tabelas dinâmicas só suportam a renderização de 100 colunas x 100 linhas.

Exemplo de pivô

Valores de configuração: Para esse exemplo de visualização de pivô, foram definidos os seguintes valores:

  • Título: Line item quantity by return flag and ship mode by supplier

  • Fileiras:

    • Campo: l_returnflag

  • Colunas:

    • Campo: l_shipmode

  • Célula

    • dataset:

    • Campo: l_quantity

    • Transformar: Soma

  • Filtrar

    • Campo: TPCH lineitem.l_supplierkey

Consulta SQL: Para essa visualização de pivô, a seguinte consulta SQL foi usada para gerar o conjunto de dados denominado 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. O senhor 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 esse exemplo de visualização de dispersão, foram definidos os seguintes valores:

  • 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

  • Grupo por:

    • Campo: l_shipmode

    • Título da legenda: Ship mode

  • Filtrar

    • Campo: 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 denominado TPCH lineitem.

SELECT * FROM samples.tpch.lineitem

Visualização da tabela

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

Exemplo de tabela

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

  • Título: Line item summary by supplier

  • Colunas:

    • Exibir o número da linha: Ativado

    • Campo: l_orderkey

    • Campo: l_extendedprice

      • Exibir como: Number

      • Formato numérico: US$ 0,00

    • Campo: l_discount

      • Exibir como: Number

      • Formato numérico: %0.00

    • Campo: l_tax

      • Exibir como: Number

      • Formato numérico: %0.00

    • Campo: l_shipdate

    • Campo: l_shipmode

  • Filtrar

    • Campo: TPCH lineitem.l_supplierkey

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

SELECT * FROM samples.tpch.lineitem