Los gráficos de diagrama de cuadros te permiten visualizar la distribución y la distribución de los valores en tu conjunto de datos. Los gráficos de diagrama de caja pueden ser especialmente útiles para comparar valores en varias categorías.
Cómo crear un gráfico de diagrama de caja
Para crear un diagrama de caja tradicional, sus datos deben separarse en cuartiles o trimestres. Los valores de sus datos se organizan de menor a mayor; luego, esa lista se divide en trimestres.
La parte del cuadro que se muestra representa los valores entre el primer y el tercer cuartil, donde se encuentra el 50% de sus datos. Las partes “bigotes” del gráfico, que son las líneas que se extienden verticalmente desde la parte superior e inferior del cuadro y terminan en los valores máximos y mínimos de sus datos, representan el 50% restante de los valores. Una línea horizontal a través del cuadro representa el valor de la mediana. Cada fila de la tabla Datos de tu consulta se convierte en un cuadro en el gráfico.
Después de organizar los datos, haz clic en la elipsis (...) en la barra de visualización y selecciona Boxplot. Haga clic en el ícono de ajustes en la esquina superior derecha de la barra de visualización para editar su configuración de visualización.
En este ejemplo, se muestran los valores del campo Pedidos desde el principio según la dimensión Fuente de tráfico:
Display tiene una mediana de 3 pedidos desde el principio por usuario, con valores mínimos y máximos de 1 y 14 pedidos desde el principio por usuario, respectivamente. También tiene un tercer valor cuartil de 5 pedidos desde el principio, lo que muestra que tres cuartos de usuarios de la fuente de tráfico de Display tienen menos de 5 compras desde el principio. En comparación con otras fuentes de tráfico, como el Correo electrónico, que tiene un tercer valor cuartil de 10 compras desde el principio, los usuarios de la fuente de tráfico Display tienden a hacer menos compras desde el principio.
Cómo construir una caja con cinco medidas
Las visualizaciones en trazado tradicional requieren, al menos, una dimensión y los siguientes cinco tipos de medidas (que deben estar en este orden, de izquierda a derecha):
- Mínimo: Es una medida que representa el valor de datos mínimo. Esto se puede definir en LookML como una medida de
type: min
. - Percentil 25: Es una medición que representa el percentil 25 o el primer cuartil. Un cuarto de los valores de sus datos es menor o igual que este valor. Esto se puede definir en LookML como una medida de
type: percentile
con el valor depercentile
establecido en25
. - Mediana: Una medida que representa la mediana o el punto medio del conjunto de datos o el segundo cuartil. La mitad de sus valores de datos es menor o igual que este valor. Esto se puede definir en LookML como una medida de
type: median
. - Percentil 75: Es una medida que representa el percentil 75 o el tercer cuartil. Tres cuartos de los valores de datos son menores o iguales que este valor. Esto se puede definir en LookML como una medida de
type: percentile
con el valor depercentile
establecido en75
. - Máximo: Una medida que representa el valor máximo. Esto se puede definir en LookML como una medida de
type: max
.
Cómo construir una caja con menos de cinco medidas
También puedes crear un diagrama de caja con medidas mínimas, medianas y máximas, o solo medidas mínimas y máximas, de izquierda a derecha. Si tu consulta incluye solo dos o tres medidas, la visualización del diagrama de caja solo mostrará la parte del cuadro, no los bigotes.
Este ejemplo se basa en la dimensión Fuente de tráfico y tres medidas que representan los valores de datos mínimos, la mediana y los máximos para la dimensión Pedidos desde el principio:
Opciones del menú de series
Configuración de color
Puedes definir la paleta de colores de un gráfico en la sección Configuración de color.
Botón Editor avanzado
El botón Editor avanzado en la parte inferior del menú de visualización abre el Editor de visualización avanzada. Este editor le permite modificar las visualizaciones de HighCharts al exponer ciertos parámetros de JSON de la visualización, lo que habilita una personalización profunda. Estas personalizaciones no interactuarán de forma dinámica con los datos.
El botón Editor avanzado está disponible si está habilitada la función Labs de configuración de Vis Advanced y tienes el rol de administrador de Looker o el permiso can_override_vis_config
.
Colección
Una colección te permite crear visualizaciones y paneles temáticos que se vean bien en conjunto. Todas las colecciones integradas de colores de Looker aparecen en la página de documentación de las colecciones de colores. Tu administrador de Looker también puede crear una colección de colores personalizada para tu organización.
Puedes elegir una colección de colores del menú desplegable Collection (Colección). La sección Palette se actualizará con la primera paleta categórica de esa colección.
Paleta
El primer color de la paleta para la colección de colores que elegiste se asigna a tu visualización.
Cómo especificar un color personalizado
A fin de elegir un color personalizado para la visualización, seleccione la pestaña Personalizado en el selector de paletas. Puedes editar la paleta de varias maneras:
- Haga clic en el primer color de la paleta para editarlo.
- En la parte inferior derecha del menú, haz clic en EDITAR TODO y, luego, agrega el color deseado al comienzo de la lista de valores de color separados por comas para esa paleta.
Para cambiar un color seleccionado o editar todos los colores de una paleta a la vez, puedes ingresar strings hexadecimales, como #2ca6cd
, o nombres de colores de CSS, como mediumblue
, en el cuadro de valor de color ubicado en la parte inferior del selector.
Para abrir un selector de color a fin de seleccionar un color, haz clic en la rueda a la derecha del cuadro del valor del color. El valor hexadecimal correspondiente para ese color aparece en el cuadro correspondiente:
Si haces clic en EDITAR TODO, el cuadro de valor de color se propagará con los códigos hexadecimales de la paleta que hayas elegido o personalizado. Copiar y pegar esta lista es la mejor manera de copiar paletas de colores personalizadas de un gráfico a otro.
Invertir colores
Selecciona Invertir colores para aplicar el último color de la paleta a la visualización.
Opciones del menú de estilo
Mostrar nombre completo del campo
Puedes determinar si se muestra el nombre de la vista junto con el nombre del campo para el título de cada eje y el nombre de la serie. Cuando la opción Show Full Field Name está desactivada, por lo general, solo se muestra el nombre del campo. Sin embargo, las medidas de tipo count
solo muestran el nombre de la vista.
Opciones del menú X
Mostrar nombre del eje
Puede alternar la apariencia de la etiqueta del nombre del eje X.
Nombre del eje personalizado
Puedes establecer el nombre del eje X mediante cualquier valor de string. Esta opción solo está disponible cuando la opción Mostrar nombre del eje está ACTIVADA.
Etiquetas de valores de ejes
Etiquetas de valor del eje alterna la apariencia de las etiquetas del valor en el eje X.
Líneas de cuadrícula
Puedes alternar la apariencia de las líneas de cuadrícula que se extienden desde el eje X. Las líneas de cuadrícula están separadas por el escalamiento del eje X.
Permitir zoom
Esta opción solo está disponible para los gráficos cartesianos (gráficos de columnas, barras, diagramas de dispersión, líneas, áreas, cascada o diagrama de caja).
Esta opción se habilita de forma predeterminada. Cuando se habilita, puedes acercar una visualización de un panel, un estilo o una exploración.
Consulta la página de documentación Ver paneles o Ver estilos para obtener información sobre el uso de la función de zoom.
Cuando esta opción está inhabilitada, la opción Permitir zoom en el menú Y está oculta y no puedes hacer zoom en la visualización.
Opciones del menú Y
Mostrar nombres de los ejes
Puede alternar la apariencia de las etiquetas del eje Y.
Nombres de ejes personalizados
Puedes definir la etiqueta del eje y. Esta opción solo está disponible cuando la opción Mostrar nombres de ejes está habilitada.
Etiquetas de valores de ejes
Puedes activar o desactivar la apariencia de las etiquetas de valor en el eje Y.
Líneas de cuadrícula
Puede alternar la apariencia de las líneas de cuadrícula que se extienden desde el eje y. Las líneas de cuadrícula están separadas por el escalamiento del eje Y.
Valores mínimos
Puedes definir el valor mínimo de cada eje Y. Este parámetro acepta una lista de números enteros separados por comas. Si hay más de un eje Y, se asignan valores mínimos a cada eje Y en el orden de las medidas de tu consulta.
Valores máximos
Puedes definir el valor máximo de cada eje Y. Este parámetro acepta una lista de números enteros separados por comas. Si hay más de un eje Y, se asignarán los valores máximos a cada uno en el orden de las medidas de tu consulta.
Densidad de marcas
Puedes configurar la densidad de las marcas en el eje Y:
Predeterminado: Establece las marcas en la densidad predeterminada.
Personalizada: Configura marcas con una densidad personalizada. Una barra deslizante te permite configurar la densidad personalizada.
Formato de eje Y
Puedes especificar el formato de número de los valores del eje Y, independientemente de la dimensión o medición subyacente. El parámetro acepta formato de estilo Excel. Si no se especifica ningún formato, el valor se muestra en el formato de la dimensión o medición subyacente.
En la guía completa de Excel, se explica cómo especificar estos formatos en la documentación. Por el momento, Looker no admite los formatos de fecha y formato de color.
Estas son algunas de las opciones de formato más comunes:
Formato de valor | Significado |
---|---|
# |
Número entero (123). |
*00# |
Número entero con relleno de cero en 3 lugares (001) |
0.## |
Número de hasta 2 decimales (1, 1,2 o 1,23). |
0.00 |
Número con exactamente 2 decimales (1.23). |
*00#.00 |
Número con relleno de cero en 3 lugares y exactamente 2 decimales (01.23). |
#,### |
Número con coma entre miles (1,234). |
#,##0.00 |
Número con coma entre miles y 2 decimales (1,234.00). |
0.000,," M" |
Número en millones con 3 decimales (1.234 M). La división por 1 millón se realiza automáticamente. |
$# |
Dólares con 0 decimales ($123). |
$0.00 |
Dólares con 2 decimales (USD 123.00) |
$#,##0.00 |
Dólares con comas entre miles y 2 decimales ($1,234.00). |
#% |
Porcentaje con 0 decimales (1%) La multiplicación por 100 se produce automáticamente. |
0.00% |
Porcentaje con 2 decimales (1.00%). La multiplicación por 100 se produce automáticamente. |
0.00\% |
Porcentaje con 2 decimales (1.00%). La multiplicación por 100 NO ocurre automáticamente. |
Permitir zoom
Esta opción solo está disponible para los gráficos cartesianos (gráficos de columnas, barras, diagramas de dispersión, líneas, áreas, cascada o diagrama de caja).
Esta opción solo está disponible cuando la opción Permitir zoom en el menú X está habilitada. Esta opción se habilita de forma predeterminada. Cuando se habilita, puedes acercar una visualización de un panel, un estilo o una exploración.
Consulta la página de documentación Ver paneles o Ver estilos para obtener información sobre el uso de la función de zoom.
Si esta opción está inhabilitada, pero la opción Permitir zoom en el menú X está habilitada, no puedes hacer zoom en una vista más estrecha del eje y. Solo puedes hacer zoom en una vista más estrecha del eje x.