Tipos de visualización del panel

En este artículo se describen los tipos de visualizaciones disponibles para su uso en paneles y se muestra cómo crear un ejemplo de cada tipo de visualización. Para obtener instrucciones sobre cómo crear un panel, consulte Tutorial: Creación de un panel.

Nota:

Para optimizar el rendimiento, los gráficos solo pueden representar 10 000 elementos en el lienzo. De lo contrario, se pueden truncar las visualizaciones.

Visualización de área

La visualización de área combine las visualizaciones de línea y barra para mostrar cómo cambian los valores numéricos de uno o varios grupos con respecto a la progresión de una segunda variable, normalmente la del tiempo. A menudo se usan para mostrar los cambios de embudo de ventas a lo largo del tiempo.

Ejemplo de visualización de área

Valores de configuración: para este ejemplo de visualización de área, se establecieron los siguientes valores:

  • Título: Total price and order year by order priority and clerk
  • Eje X:
    • Campo: o_orderdate
    • Tipo de escala: Temporal
    • Transformación: Yearly
    • Título de eje: Order year
  • Eje Y:
    • Campo: o_totalprice
    • Título de eje: Total price
    • Tipo de escala: Quantitative
    • Transformación: Sum
  • Agrupar por:
    • Campo: o_orderpriority
    • Título de leyenda: Order priority
  • Filtro
    • Campo: TPCH orders.o_clerk

Consulta SQL: para esta visualización de área, se usó la siguiente consulta SQL para generar el conjunto de datos denominado TPCH orders.

SELECT * FROM samples.tpch.orders

Gráfico de barras

Los gráficos de barras representan el cambio en las métricas a lo largo del tiempo o entre categorías y muestran proporcionalidad, similar a un circular visualización.

Ejemplo de visualización de barras

Valores de configuración: para este ejemplo de visualización de barra, se establecieron los siguientes valores:

  • Título: Total price and order month by order priority and clerk
  • Eje X:
    • Campo: o_orderdate
    • Transformación: Monthly
    • Tipo de escala: Temporal
    • Título de eje: Order month
  • Eje Y:
    • Campo: o_totalprice
    • Tipo de escala: Quantitative
    • Transformación: Sum
    • Título de eje: Total price
  • Agrupar por:
    • Campo: o_orderpriority
    • Título de leyenda: Order priority
  • Filtro
    • Campo: TPCH orders.o_clerk

Consulta SQL: para esta visualización de barra, se usó la siguiente consulta SQL para generar el conjunto de datos denominado TPCH orders.

SELECT * FROM samples.tpch.orders

Gráfico combinado

El gráfico combinado usa al mismo tiempo gráficos de líneas y barras para presentar cambios a lo largo del tiempo con proporcionalidad.

Nota:

Los gráficos combinados admiten agregaciones de back-end, lo que proporciona compatibilidad con consultas que devuelven más de 64 000 filas de datos sin truncar el conjunto de resultados.

Ejemplo de gráfico combinado

Valores de configuración: para esta visualización de gráfico combinado, se establecieron los siguientes valores:

  • Eje X: ps_partkey
    • Tipo de escala: Quantitative
  • Eje Y:
    • Barras: ps_availqty
    • Tipo de agregación: SUM
    • Líneas: ps_supplycost
    • Tipo de agregación: AVG
  • Color por serie Y:
    • Sum of ps_availqty
    • Average ps_supplycost

Consulta SQL: para esta visualización de gráfico combinado, se generó el conjunto de datos con la siguiente consulta SQL.

SELECT * FROM samples.tpch.partsupp

Gráfico combinado de doble eje

Puede usar gráficos combinados para mostrar dos ejes Y diferentes. Con el widget de gráfico combinado seleccionado, haga clic en el menú Kebab kebab del eje Y configuración del panel de configuración del gráfico. Active la opción Habilitar del eje dual.

Ejemplo de gráfico combinado de doble eje

Valores de configuración: para este gráfico combinado, la opción Habilitar de eje dual está activada. Las demás configuraciones se establecen de la siguiente manera:

  • Eje X: tpep_pickup_datetime
    • Tipo de escala: Temporal
    • Transformación: Weekly
  • Eje Y:
    • Eje Y izquierdo (barra): trip_distance
      • Transformación: AVG
    • Eje Y derecho (línea): fare_amount
      • Transformación: AVG

Color por serie Y:

  • Average trip_distance
    • Average fare_amount

Consulta SQL: se usó la siguiente consulta SQL para generar el conjunto de datos:

SELECT * FROM samples.nyctaxi.trips

Visualización de contador

Los contadores muestran un único valor destacado, con una opción para compararlos con un valor de destino. Para usar contadores, especifique la fila de datos que se va a mostrar en la visualización del contador para la columna de valor y la columna de destino.

Ejemplo de contador

Valores de configuración: para este ejemplo de visualización de contador, se establecieron los siguientes valores:

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

Consulta SQL: para esta visualización de contador, se usó la siguiente consulta SQL para generar el conjunto de datos denominado TPCH orders_target.

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

Visualización de línea

Las visualizaciones de línea presentan el cambio en una o varias métricas a lo largo del tiempo.

Ejemplo de visualización de líneas

Valores de configuración: para este ejemplo de visualización de línea, se establecieron los siguientes valores:

  • Título: Average price and order year by order priority and clerk
  • Eje X:
    • Campo: o_orderdate
    • Transformación: Yearly
    • Tipo de escala: Temporal
    • Título de eje: Order year
  • Eje Y:
    • Campo: o_totalprice
    • Transformación: Average
    • Tipo de escala: Quantitative
    • Título de eje: Average price
  • Agrupar por:
    • Campo: o_orderpriority
    • Título de leyenda: Order priority
  • Filtro
    • Campo: TPCH orders.o_clerk

Consulta SQL: para esta visualización de barra, se usó la siguiente consulta SQL para generar el conjunto de datos denominado TPCH orders.

SELECT * FROM samples.tpch.orders

Mapas térmicos

Los mapas térmicos combinan características de gráficos de barras, apilamiento y gráficos de burbujas, lo que le permite visualizar datos numéricos mediante colores. Una paleta de colores común para un mapa térmico muestra los valores más altos mediante colores cálidos, como naranja o rojo, y los valores más bajos con colores fríos, como azul o púrpura.

Por ejemplo, el siguiente mapa térmico visualiza las distancias de carreras de taxi que se producen con más frecuencia a diario y agrupa los resultados por el día de la semana, la distancia y la tarifa total.

Nota:

Los mapas térmicos admiten agregaciones de back-end, lo que proporciona compatibilidad con consultas que devuelven más de 64 000 filas de datos sin truncar el conjunto de resultados.

Ejemplo de mapa térmico

Valores de configuración: para esta visualización de los mapas térmicos, se establecieron los siguientes valores:

  • Columna X (columna del conjunto de datos): o_orderpriority
  • Columnas Y (columna del conjunto de datos): o_orderstatus
  • Columna de color:
    • Columna del conjunto de datos: o_totalprice
    • Tipo de agregación: Average
  • Nombre del eje X (invalidar el valor predeterminado): Order priority
  • Nombre del eje Y (invalidar el valor predeterminado): Order status
  • Combinación de colores (invalidar el valor predeterminado): YIGnBu

Consulta SQL: para esta visualización de mapa térmico, se generó el conjunto de datos con la siguiente consulta SQL.

SELECT * FROM samples.tpch.orders

Gráfico de histograma

Un histograma traza la frecuencia con la que se produce un valor determinado en un conjunto de datos. Un histograma le ayuda a comprender si un conjunto de datos tiene valores que se agrupan en torno a un pequeño número de intervalos o están más distribuidos. Un histograma se muestra como un gráfico de barras en el que se controla el número de barras distintas (también denominadas rangos).

Nota:

Los histogramas admiten agregaciones de back-end, lo que proporciona compatibilidad con consultas que devuelven más de 64 000 filas de datos sin truncar el conjunto de resultados.

Ejemplo de gráfico de histogramas

Valores de configuración: para esta visualización del histograma, se establecieron los siguientes valores:

  • Columna X (columna del conjunto de datos): o_totalprice
  • Número de cubos: 20
  • Nombre del eje X (invalidar el valor predeterminado): Total price

Opciones de configuración: para ver las opciones de configuración del histograma, consulte opciones de configuración de gráficos.

Consulta SQL: para esta visualización de histograma, se generó el conjunto de datos con la siguiente consulta SQL.

select * from samples.tpch.orders

Visualización circular

Las visualizaciones circular muestran proporcionalidad entre las métricas. No están diseñados para transmitir datos de serie temporal.

Ejemplo de visualización circular

Valores de configuración: para este ejemplo de visualización circular, se establecieron los siguientes valores:

  • Título: Total price by order priority and clerk
  • Ángulo:
    • Campo: o_totalprice
    • Transformación: Sum
    • Título de eje: Total price
  • Agrupar por:
    • Campo: o_orderpriority
    • Título de leyenda: Order priority
  • Filtro
    • Campo: TPCH orders.o_clerk

Consulta SQL: para esta visualización circular, se usó la siguiente consulta SQL para generar el conjunto de datos denominado TPCH orders.

SELECT * FROM samples.tpch.orders

Visualización dinámica

Una visualización dinámica agrega registros de un resultado de consulta a una presentación tabular. Es similar a las instrucciones PIVOT o GROUP BY de SQL. La visualización dinámica se configura con campos de arrastrar y colocar.

Nota:

Por motivos de rendimiento, las tablas dinámicas solo admiten la representación de 100 columnas x 100 filas.

Ejemplo de tabla dinámica

Valores de configuración: para este ejemplo de visualización dinámica, se establecieron los siguientes valores:

  • Título: Line item quantity by return flag and ship mode by supplier
  • Filas:
    • Campo: l_returnflag
  • Columnas:
    • Campo: l_shipmode
  • Cell
    • Conjunto de datos:
    • Campo: l_quantity
    • Transformación: suma
  • Filtro
    • Campo: TPCH lineitem.l_supplierkey

Consulta SQL: para esta visualización dinámica, se usó la siguiente consulta SQL para generar el conjunto de datos denominado TPCH lineitem.

SELECT * FROM samples.tpch.lineitem

Visualización de dispersión

Las visualizaciones de dispersión se usan normalmente para mostrar la relación entre dos variables numéricas. Puede codificar la tercera dimensión con color para mostrar cómo difieren las variables numéricas entre grupos.

Ejemplo de dispersión

Valores de configuración: para este ejemplo de visualización de dispersión, se establecieron los siguientes valores:

  • Título: Total price and quantity by ship mode and supplier
  • Eje X:
    • Campo: l_quantity
    • Título de eje: Quantity
    • Tipo de escala: Quantitative
    • Transformación: None
  • Eje Y:
    • Campo: l_extendedprice
    • Tipo de escala: Quantitative
    • Transformación: None
    • Título de eje: Price
  • Agrupar por:
    • Campo: l_shipmode
    • Título de leyenda: Ship mode
  • Filtro
    • Campo: TPCH lineitem.l_supplierkey

Consulta SQL: para esta visualización de dispersión, se usó la siguiente consulta SQL para generar el conjunto de datos denominado TPCH lineitem.

SELECT * FROM samples.tpch.lineitem

Visualización de tablas

La visualización de la tabla muestra los datos de una tabla estándar, pero permite reordenar, ocultar y dar formato a los datos manualmente.

Ejemplo de tabla

Valores de configuración: para este ejemplo de visualización de tabla, se establecieron los siguientes valores:

  • Título: Line item summary by supplier
  • Columnas:
    • Mostrar número de fila: Habilitado
    • Campo: l_orderkey
    • Campo: l_extendedprice
      • Mostrar como: Number
      • Formato de número: 0,00 USD
    • Campo: l_discount
      • Mostrar como: Number
      • Formato de número: %0.00
    • Campo: l_tax
      • Mostrar como: Number
      • Formato de número: %0.00
    • Campo: l_shipdate
    • Campo: l_shipmode
  • Filtro
    • Campo: TPCH lineitem.l_supplierkey

Consulta SQL: para esta visualización de tabla, se usó la siguiente consulta SQL para generar el conjunto de datos denominado TPCH lineitem.

SELECT * FROM samples.tpch.lineitem