Compartilhar via


Tipos de visualização de painel

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

Observação

Para otimizar o desempenho, os gráficos só podem renderizar 10K linhas ou 10MB na tela, o que for menor. 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:

  • Conjunto de dados: pedidos 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
  • 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:

  • Conjunto de dados: pedidos TPCH
  • Visualização:Bar
  • 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: a consulta SQL a seguir gerou o conjunto de dados TPCH orders para esta visualização de barras.

SELECT * FROM samples.tpch.orders

Gráfico de caixa

A visualização do gráfico de caixa mostra o resumo da distribuição de dados numéricos, opcionalmente agrupados por categoria. Usando uma visualização de gráfico de caixa, você pode comparar rapidamente os intervalos de valor entre categorias e visualizar os grupos de localidade, dispersão e distorção dos valores por meio de seus quartis. Em cada caixa, a linha mais escura mostra o intervalo interquartílico. Para obter mais informações sobre como interpretar visualizações de gráfico de caixa, consulte o artigo sobre Gráfico de caixa na Wikipédia.

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 (coluna do conjunto de dados): l-returnflag
  • Colunas Y (coluna do conjunto de dados): l_extendedprice
  • Nome do eixo X (substituir o valor padrão): Return flag1
  • Nome do eixo Y (substituir o valor padrão): Extended price

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

select * from samples.tpch.lineitem

Gráfico de bolhas

Os gráficos de bolha são gráficos de dispersão nos quais o tamanho de cada marcador de ponto reflete uma métrica relevante. Para fazer um gráfico de bolhas, selecione Dispersão como seu tipo de visualização. Na configuração Tamanho, selecione a métrica que deseja representar 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, os seguintes valores foram definidos:

  • Conjunto de dados: viagens de táxi em NYC
  • 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 de combinação combinam gráficos de linhas e de barras para apresentar as alterações ao longo do tempo com proporcionalidade.

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:

  • Conjunto de dados: partsupp
  • Visualização: Combinação
  • 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:

  • Conjunto de dados: Viagens
  • Visualização: Combinação
  • 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

Você pode definir a formatação condicional e personalizar o estilo do texto nos detalhes de configuração Valor.

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

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

  • Conjunto de dados: pedidos 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
  • 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:

  • Conjunto de dados: pedidos 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
  • 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 mapas de calor podem exibir até 64K linhas ou 10MB.

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:

  • Conjunto de dados: pedidos TPCH
  • Visualização: Mapa de calor
  • 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).

Exemplo de gráfico de histograma

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

  • Conjunto de dados: pedidos TPCH
  • Visualização: Histograma
  • 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:

  • Conjunto de dados: pedidos TPCH
  • Visualização: Visualização de torta
  • 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:

  • Conjunto de dados: Item de linha TPCH
  • Visualização: Pivot
  • 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

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 esta visualização de 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 Databricks inclui dados de latitude ou longitude, portanto, uma consulta SQL de exemplo não é fornecida para este exemplo.

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:

  • Conjunto de dados: 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
  • 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.

Observação

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

Exemplo de tabela

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

  • Conjunto de dados: Item de linha TPCH
  • Visualização: Tabela
  • 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

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

Para a maioria dos tipos de gráfico, você pode formatar valores numéricos para rótulos de escala de eixo, rótulos de dados e dicas de ferramentas. Para escolher um estilo de formatação, clique no menu Menu kebabkebab à direita do rótulo Eixo X ou Eixo Y no painel de configuração do gráfico. Em seguida, clique em Formatar para mostrar as opções de formatação.

Os gráficos a seguir oferecem suporte à formatação de números:

  • Área
  • Barras
  • Combinação
  • Contador
  • Mapa de calor
  • Histograma
  • Linha
  • Pivô
  • Dispersão
  • Tabela (formatação herdada)

Você pode escolher entre as seguintes opções de formatação:

  • Digitar: Nenhum, Moeda ($), Percentagem (%)
  • Abreviatura: Nenhum, Compacto, Científico
  • Casas decimais: Máximo, Exato, Todos, Número de casas Opcionalmente, você pode incluir um separador de grupo como uma vírgula, por exemplo.

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 preferência de moeda.