Tipos de visualização de painel

Este artigo descreve os tipos de visualizações disponíveis para uso nos painéis do AI/BI 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 linhas ou 10 MB na tela, o que for menor. Caso contrário, as visualizações podem 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:

  • dataset: Ordens TPCH

  • Visualização: Área

  • 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:

  • dataset: Ordens TPCH

  • Visualização: Barra

  • 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: A seguinte consulta SQL gerou o conjunto de dados TPCH orders para essa visualização de barras.

SELECT * FROM samples.tpch.orders

Gráfico de caixas

A visualização do gráfico de caixas mostra o resumo da distribuição dos dados numéricos, opcionalmente agrupados por categoria. Usando uma visualização de gráfico de caixas, você pode comparar rapidamente os intervalos de valores entre as categorias e visualizar os grupos de localidade, dispersão e assimetria dos valores por meio de seus quartis. Em cada caixa, a linha mais escura mostra o intervalo interquartil. Para obter mais informações sobre como interpretar visualizações de gráficos de caixa, consulte os artigos sobre gráficos de caixa na Wikipedia.

Exemplo de gráfico de caixas

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

  • Coluna X (dataset column): l-returnflag

  • Colunas Y (dataset column): l_extendedprice

  • Nome do eixo X (substitui o valor de default ): Return flag1

  • Nome do eixo Y (substitui o valor de default ): Extended price

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

select * from samples.tpch.lineitem

Gráfico de bolhas

Os gráficos de bolhas são gráficos de dispersão em que o tamanho de cada marcador de ponto reflete uma métrica relevante. Para criar um gráfico de bolhas, selecione Scatter como o tipo de visualização. Na configuração Size (Tamanho ), selecione as métricas que o senhor deseja que sejam representadas pelo tamanho dos marcadores.

Exemplo de visualização de gráfico de bolhas

Valores de configuração: Para esse exemplo de visualização de gráfico de bolhas, foram definidos os seguintes valores:

  • dataset: Viagens de táxi em Nova York

  • Visualização: Dispersão

  • Título: Trip distance, fares, and trip duration

  • Eixo X:

    • Campo: trip_distance

    • tipo de escala: Quantitative

    • Transformar: None

  • Eixo Y

    • Campo: fare_amount

    • tipo de escala: Quantitative

    • Transformar: None

  • Cor por:

    • Campo: pickup_zip

  • Tamanho:

    • Campo: time_spent

    • Transformar: None

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:

  • dataset: partsupp

  • Visualização: Combo

  • 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:

  • dataset: Viagens

  • Visualização: Combo

  • 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

O senhor pode definir a formatação condicional e personalizar o estilo do texto nos detalhes de configuração do Value.

Opções de formatação condicional para o gráfico de contador exibido.

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

  • dataset: Ordens TPCH

  • Visualização: Contador

  • 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:

  • dataset: Ordens TPCH

  • Visualização: Linha

  • 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.

Observação

Os mapas de calor podem exibir até 64 mil linhas ou 10 MB.

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:

  • dataset: Ordens TPCH

  • Visualização: Mapa de calor

  • 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:

  • dataset: Ordens TPCH

  • Visualização: Histograma

  • 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:

  • dataset: Ordens TPCH

  • Visualização: pie visualização

  • 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:

  • dataset: Item de linha TPCH

  • Visualização: Pivô

  • 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

Mapa de pontos

Os mapas de pontos exibem dados quantitativos como símbolos colocados em locais específicos do mapa. Os marcadores são posicionados usando coordenadas de latitude e longitude, que devem ser incluídas como parte do conjunto de resultados para esse tipo de gráfico. O exemplo a seguir usa dados de colisões de veículos motorizados em Nova York, NY.

Exemplo de mapa de pontos

Valores de configuração: Para essa visualização do mapa de pontos, os seguintes valores foram definidos:

  • conjunto de dados: colisões de veículos motorizados

  • Visualização: Mapa de símbolos

  • Coordenadas:

    • Latitude: LATITUDE

    • Longitude: LONGITUDE

  • Cor/Agrupar por:

    • Campo: CONTRIBUTING FACTOR

Observação

Nenhum conjunto de dados do site Databricks inclui dados de latitude ou longitude, portanto, uma amostra da consulta SQL não é fornecida para este exemplo.

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:

  • dataset: Item de linha TPCH

  • Visualização: Dispersão

  • 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.

Observação

As tabelas podem exibir até 64 mil linhas ou 10 MB.

Exemplo de tabela

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

  • dataset: Item de linha TPCH

  • Visualização: Tabela

  • 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

Formatação de números em gráficos

Para a maioria dos tipos de gráfico, o senhor pode formatar valores numéricos para o rótulo do tick do eixo, o rótulo dos dados e as dicas de ferramentas. Para escolher um estilo de formatação, clique no menu Menu Kebab kebab à direita do rótulo X Axis (Eixo X ) ou Y Axis (Eixo Y ) no painel de configuração do gráfico. Em seguida, clique em Format para mostrar as opções de formatação.

Os gráficos a seguir suportam a formatação de números:

  • Área

  • Barras

  • Combinação

  • Contador

  • Mapa de calor

  • Histograma

  • Linha

  • Pivot

  • Dispersão

  • Tabela (formatação herdada)

O senhor pode escolher entre as seguintes opções de formatação:

  • Tipo: Nenhum, Moeda($), Porcentagem(%)

  • Abreviações: Nenhum, Compacto, Científico

  • Casas decimais: máximo, exato, tudo, número de casas Opcionalmente, você pode incluir um separador de grupo, como uma vírgula.

Observação

A formatação está disponível para vários tipos de moeda. Depois de selecionar Moeda como Tipo, use o seletor suspenso para escolher sua moeda preferida.