Viz Whiz: Cuándo utilizar un gráfico “lollipop” y cómo generarlo

Nota del editor: Viz Whiz es una nueva serie que publicamos con el propósito de ayudarlo a diseñar algo diferente a gráficos de barras y líneas. En estas publicaciones, se mostrarán diferentes tipos de visualizaciones con las instrucciones sobre cómo y cuándo generarlas, y también cuándo evitarlas. Esta publicación se basa en el tutorial original sobre gráficos “lollipop” de Andy Cotgreave (Tableau).

Seamos honestos. Algunas variantes de gráficos de barras y líneas son las mejores opciones, en términos de prácticas recomendadas, para la gran mayoría de nuestras visualizaciones.

Sin embargo, pienso que el atractivo de un gráfico a menudo es más importante que las prácticas recomendadas de la visualización en cuestión. Otros pueden no estar de acuerdo. Pero ¿sabe qué? Voy a decirlo. No hay nada más aburrido que los gráficos de barras y líneas. Es así de simple. ¿Por qué no damos la misma importancia al atractivo visual de un gráfico que a la precisión de los datos y la interactividad del dashboard? Esto es aplicable a cada parte de un dashboard: títulos, leyendas, filtros, colores y, por supuesto, el tipo de gráfico.

Desafortunadamente, la estética suele ser el último criterio que se usa para evaluar el mejor tipo de gráfico. Si a los usuarios no les resulta atractivo un dashboard o una visualización, de antemano tendrán menos interés. En el peor de los casos, esto significa que apenas echarán vistazo rápido a su arduo trabajo y después se olvidarán del tema.

En cambio, si presenta sus datos de un modo atractivo, no solo captará la atención de los usuarios, sino que además los incitará a analizar los datos. El gráfico “lollipop” (que significa “paleta” o “piruleta”, por la forma parecida al caramelo) es realmente atractivo. Tiene el siguiente aspecto:

Casos de uso comunes:

• En lugar de muchas barras de la misma longitud (a menudo para evitar el efecto muaré, tal como explico posteriormente).
• A modo de leyenda incorporada/consolidada.
• Una alternativa visualmente diferente a las barras lado a lado.
• Una alternativa al gráfico de Gantt.

No es ideal cuando:

• Hay barras desordenadas de longitud muy similar. Resulta más difícil comparar la longitud de dos “lollipops” casi idénticos que la longitud de barras estándares.
• Se necesitan barras apiladas. Con toda la información que hay en una barra apilada, a menudo termina siendo más confuso que esclarecedor.

Advertencia final: un gráfico de barras estándar es la opción de práctica recomendada, por lo tanto, solo debe seguir leyendo si usted es un artista, un anarquista, o ambos.

El primer caso representa mi uso más común. Con frecuencia, verá una visualización en la que se muestran muchas barras de la misma longitud. Pero esto puede generar una gran cantidad de “tinta” en la pantalla, lo cual es un tanto incómodo para la vista. Además, es probable que, sin querer, una vista domine el dashboard debido a la presencia de color. Si el propósito principal del gráfico es mostrar cómo estas barras difieren entre sí, se necesita mucho más espacio solo para ilustrar la diferencia entre los valores. Vea el ejemplo siguiente:

Es difícil ignorar que el gráfico de barras domina el dashboard. Hay técnicas estándares que puede utilizar para intentar mitigar esto, como cambiar el tamaño o la posición de la hoja, el grosor o la saturación de las barras, la orientación, etc. Por varios motivos de diseño, estas opciones no siempre son válidas. Cuanto más largas y saturadas sean estas barras, más probable será que experimente un pequeño efecto óptico desagradable, conocido como patrón o efecto muaré. Esto sucede cuando comienza a ver “patrones” que no existen debido a la sobrecarga sensorial resultante de lo que absorben sus ojos.

Vea el ejemplo a continuación. Note cómo sus ojos tienen dificultad para enfocar. Probablemente nota el efecto que parece generar movimiento entre las barras más cercanas al medio:

Lamento que haya tenido que ver ese gráfico de barras tedioso. Es un ejemplo hiperbólico, pero espero que ayude a entender la cuestión. Cualquiera que sea el motivo, algunas veces los gráficos de barras no son la opción ideal. En esos casos, los gráficos “lollipop” pueden ser una buena alternativa. Ahora que ya sabe un poco más cuándo prefiero usarlos, repasemos los pasos necesarios para crear un gráfico “lollipop”:

Cree un gráfico y duplique su medida en Filas o Columnas.

Cree un eje doble de sus medidas haciendo clic con el botón secundario en la segunda medida (o el segundo eje) y seleccionando “Eje doble”. Es probable que Tableau convierta estas dos medidas en gráficos circulares si deja el tipo de marca configurado como Automático. Por ese motivo, es un buen momento para reemplazar el tipo de la primera medida y cambiarlo a Barra. También querrá cambiar el color de las barras a uno más claro. Por lo general, yo uso un gris más claro. Elija el color que mejor se adapte a su dashboard.

A continuación, querrá resolver el tamaño y el espaciado de las marcas. En primer lugar, debe hacer clic con el botón secundario en el eje de la segunda medida (la de la derecha), y elegir “Sincronizar” para que los ejes sean equivalentes. También querrá deshacerse del segundo eje redundante volviendo a hacer clic con el botón secundario en el eje y desactivando “Mostrar encabezado”. Esto garantizará que haya marcas alineadas correctamente. Ajuste el tamaño de las barras para hacerlas más delgadas y agrande un poco los círculos con la barra deslizante de Tamaño en la tarjeta Marcas. Como resultado, debería tener algo como esto:

Con un poco de suerte, puede ver el parecido y a qué se debe el nombre del gráfico. Es el momento de tomar las últimas decisiones respecto del diseño del gráfico “lollipop”. Puede optar por colorear el círculo según la lógica de KPI o de acuerdo con alguna otra medida. También puede incluir formas personalizadas (hay un excelente artículo sobre esta técnica aquí), que es lo que yo haré. Es tan simple como cambiar el tipo de marca de los círculos (de “Círculo” a “Forma”) y asignar las formas correctas de su repositorio.

¡Y ya tiene un gráfico “lollipop”! ¿Cómo usa este tipo de gráfico? O ¿cómo imagina que lo usará en el futuro? Comparta su caso de uso en la sección de comentarios.