studein.

com

Módulo 3

Visualizar datos de forma eficaz

Presentar los datos en la forma correcta permite una interpretación efectiva. Hay muchos tipos
de gráficos que se pueden utilizar para visualizar datos. Sin embargo, ciertos tipos de gráficos
son más adecuados que otros para representar tipos particulares de datos o responder ciertos
tipos de preguntas. Este capítulo examina algunos tipos de gráficos básicos, que están
disponibles en Looker Studio, y su uso apropiado. También analizaremos algunos errores de
visualización de datos que se observan comúnmente y comprenderemos cómo evitarlos o
mitigarlos.

En este capítulo, cubriremos los siguientes temas principales:

• Elegir las imágenes adecuadas

• Evitar errores comunes

Elegir las imágenes adecuadas

Usar o elegir los tipos de gráficos correctos para representar los datos es quizás la decisión de
diseño más importante que debe tomar como desarrollador de paneles. En esta sección,
revisaremos los tipos más comunes de gráficos y discutiremos cómo usarlos apropiadamente.
studein.com

Figura 3.1 – Tipos de gráficos comunes

Nota

Hay tipos de visualización adicionales disponibles a los analizados en este capítulo que se
utilizan con menos frecuencia. El objetivo aquí es presentar sólo los tipos de gráficos más
básicos en lugar de ofrecer una lista completa. Puede consultar los recursos enumerados en la
sección Lectura adicional del capítulo para obtener una cobertura más amplia y profunda.

Diferentes tipos de gráficos son adecuados para representar diferentes tipos de datos. En
términos generales, los datos pueden ser de tipo categórico o numérico. Ejemplos de datos
categóricos incluyen países, género, niveles educativos y grupos de riesgo. Datos categóricos
Se puede medir en una escala nominal o en una escala ordinal. Valores nominales son solo
etiquetas que no tienen ningún valor cuantitativo asociado y, por lo tanto, no pueden compararse
inherentemente entre sí; por ejemplo, productos específicos que desea comprar en una
tienda. Valores ordinales, por otra parte, tienen un orden inherente a ellos. Un buen ejemplo es
medir el grupo de riesgo como bajo, medio o alto, donde cada valor existe en relación con otros
en una escala ordinal.

Datos numéricos puede ser discreto o continuo y se mide con una escala cuantitativa. Un valor
discreto es algo que no se puede desglosar más, como el número de empleados. Datos
studein.com

continuos, en por otro lado, puede tomar cualquier valor dentro de un rango, como el salario de
los empleados.

Otro aspecto que dicta el tipo de gráfico correcto a utilizar es el objetivo en cuestión: lo que
desea transmitir a través del gráfico. Los objetivos comunes incluyen mostrar lo siguiente:

• Distribuciones: cómo se distribuyen los datos en un espectro. Los gráficos de líneas, los
gráficos de dispersión y los histogramas son las formas más comunes de gráficos de
distribución.
• Composiciones: cómo las diferentes partes forman un todo. Los gráficos circulares, de
mapa de árbol y de barras apiladas son algunos ejemplos de tipos de gráficos que se
pueden utilizar para este propósito.
• Relaciones: muestra la correlación o patrón de algún tipo entre dos o más atributos. Los
gráficos de dispersión y de burbujas ayudan a representar las relaciones.
• Comparaciones: compare diferentes valores de atributos y encuentre los puntos de
datos y tendencias más altos/más altos o más bajos/más bajos. Los gráficos de líneas,
de barras, de mapas geográficos y de coropleths son buenos ejemplos de tipos de
gráficos para mostrar comparaciones.

Cuadros de mando
Cuadros de mando área forma sencilla y muy útil de representan valores de indicadores clave
de rendimiento (KPI ), generalmente una única métrica, como texto. Esto permite a los
usuarios monitorear y realizar un seguimiento de los valores métricos más importantes. El objeto
visual de la tarjeta muestra el valor de la métrica y su nombre, de la siguiente manera.

Figura 3.2 – Un cuadro de mando con un único valor de KPI

Sin embargo, el valor por sí solo y sin ningún contexto rara vez resulta útil. En general, los KPI
se miden en el contexto del tiempo: diario, semanal, mensual, anual, etc., y lo que más interesa
a los usuarios suele ser saber cómo cambian estas métricas con el tiempo. Con los cuadros de
mando, a los usuarios les gustaría saber de un vistazo si los KPI están siguiendo bien en
studein.com

comparación con el período anterior; por ejemplo, el cambio porcentual en el KPI del mes actual
en comparación con el valor del KPI del mes anterior, como se muestra en la siguiente figura.

Figura 3.3 – Cuadro de mando con un único KPI y tasa de cambio en comparación con el período
anterior

Usando colores y los íconos como flechas verdes hacia arriba o rojas hacia abajo para indicar
el comportamiento creciente o decreciente de la métrica en cuestión agregan un contexto muy
necesario. Usar un color verde para el comportamiento deseado y un color rojo para el
comportamiento no deseado. El comportamiento es una norma ampliamente aplicable, pero
plantea dificultades para las personas daltónicas cuando estos dos colores se muestran
juntos. Usar cualquier otro color para representar lo bueno y lo malo es contradictorio e impone
una carga cognitiva adicional a los usuarios. Una forma de abordar esto es utilizar diferentes
intensidades: un color verde muy claro y un color rojo muy oscuro. Casi todo el mundo puede
diferenciar entre colores claros y oscuros. Otra opción es aprovechar íconos como emojis para
indicar si la métrica está realizando un buen seguimiento o no.

Gráficos circulares y de anillos

Cuando desee mostrar una proporción de diferentes valores de dimensiones en comparación
con un todo, un gráfico circular o de anillos es ideal. Gráficos circulares son fáciles de entender
y atractivos de mirar en comparación con otras alternativas, como los gráficos de barras. Por
estos motivos, tanto los diseñadores como los usuarios prefieren que estos gráficos formen
parte de sus paneles. Sin embargo, estos gráficos son conocidos por ser muy ineficaces a la
hora de representar datos.

Los humanos no pueden interpretar ni comparar áreas y ángulos tan bien como pueden hacerlo
con longitudes y anchos. Por lo tanto, cuando se representan valores cercanos entre sí en un
gráfico circular o de anillos, el ojo humano no puede distinguir fácilmente diferentes
magnitudes. Además, cuando hay una gran cantidad de categorías, el gráfico circular se vuelve
realmente engorroso, lo que dificulta la comprensión de los datos. La siguiente figura muestra
ambos defectos.
studein.com

Figura 3.4 – Un gráfico circular o de anillos es ineficaz cuando se utiliza con demasiadas
categorías. Utilice alternativas como gráficos de barras

Gráficos circulares y de anillos tienen las mismas características y padecen los mismos
inconvenientes. Si bien hay algunos escenarios válidos en los que estos gráficos no suelen ser
una buena elección, si tienes en cuenta algunos aspectos, puedes diseñarlos para que sean lo
suficientemente decentes. Los gráficos de barras proporcionan una buena alternativa cuando
hay más de unos pocos valores de dimensión para representar.

Puedes diseñar útiles pastel o donut gráficos teniendo en cuenta lo siguiente:

• Utilice un gráfico circular o de anillos sólo cuando la intención sea comparar la

proporción de una categoría con el total. No debe utilizarse para comparar diferentes
categorías entre sí.
• Utilice estos gráficos sólo cuando haya menos categorías (idealmente de 2 a 5).
• Asegúrese siempre de que la suma de todas las proporciones sea igual al 100%. Es
fácil equivocarse si se trazan y muestran porcentajes calculados previamente que no
suman el 100%.

Además, etiquetar los datos en un gráfico circular o de anillos es muy importante: la proporción,
el nombre de la categoría y, opcionalmente, el valor. Son estas etiquetas las que ayudan a que
estos gráficos sean interpretables, sin las cuales son efectivamente inútiles. Por lo tanto, no
olvide agregar etiquetas al gráfico.
studein.com

Figura 3.5 – Un gráfico circular o de anillos funciona bien solo con unas pocas categorías

El precedente gráfico de anillos es un buen ejemplo, que representa solo dos

categorías. Pastel/rosquilla Los gráficos tienen una gran ventaja sobre las barras. Gráficos para
representar algunos valores de dimensión con variaciones proporciones, ya que las primeras
permiten una interpretación mucho más sencilla de una composición.

Gráfica de barras
Un gráfico de barras ya sea horizontal o vertical, es uno de los más fundamentales y tipos
ampliamente usados de gráficos aplicables. Cuando desee comparar diferentes valores de una
dimensión en función de una métrica, el gráfico de barras es su amigo. Los valores de dimensión
pueden ser valores nominales sin ningún orden inherente, como productos, países y clientes, o
pueden ser valores ordinales discretos, como grupos de edad y niveles de riesgo. El siguiente
cuadro compara diferentes vendedores según las ventas totales que han generado.
studein.com

Figura 3.6 – Un gráfico de barras para comparar los ingresos generados por los vendedores

Horizontal las barras son preferidas en las siguientes circunstancias:

• Cuando hay una gran cantidad de valores de dimensión

• Cuando los valores de dimensión tienen nombres más largos

Por ejemplo, como se muestra en la siguiente figura, los nombres largos de productos hacen
que un gráfico de barras horizontales sea más adecuado en comparación con el uso de barras
verticales.
studein.com

Figura 3.7 – Un gráfico de barras horizontales para dar cabida a nombres de dimensiones largos

Ya sean largas o no, las etiquetas en gráficos de barras horizontales son en general más fácil
de leer y procesar, ya que el diseño sigue nuestro orden natural de lectura de información. Si
los valores de las dimensiones no tienen un orden inherente, el gráfico de barras normalmente
se ordena por el valor de la métrica. Por otro lado, si el gráfico de barras representa una
dimensión con valores ordinales, las barras deben ordenarse según los valores de las
dimensiones mismas. En el siguiente gráfico, las barras están dispuestas en orden creciente de
los grupos de edad en lugar de según la longitud de las barras. Esto permite una interpretación
más intuitiva del gráfico.
studein.com

Figura 3.8 – Un gráfico de barras ordenado por los valores ordinales de la dimensión

Un aspecto clave a tener en cuenta al crear gráficos de barras es que el eje y debe comenzar
en 0 para proporcionar una representación precisa de los datos. Iniciar el eje en un valor positivo
diferente confunde al usuario porque la longitud de la barra en este caso no representa el valor
métrico real. En la siguiente figura, el gráfico del lado derecho con el eje y comenzando
en 40K indica que el rendimiento de Alder es aproximadamente el doble que el de Mizrahi
cuando, de hecho, es sólo alrededor de un 40% más, como lo muestra el gráfico de la izquierda,
en el cual el eje y comienza en 0 y la longitud de la barra es una representación real del valor
de ventas.

Figura 3.9: El eje y de un gráfico de barras siempre debe comenzar en 0 para una representación
precisa

un histograma es un especial tipo de gráfico de barras que representa la frecuencia distribución

de una variable numérica en un conjunto de datos. Agrupa los valores numéricos continuos en
contenedores y los muestra a lo largo del eje x. La frecuencia o el número de filas del conjunto
de datos que se encuentran dentro de cada contenedor se representa en el eje y.
studein.com

Figura 3.10 – Un histograma que muestra la distribución de pedidos por unidades vendidas

Un gráfico de barras agrupadas, también conocido como gráfico de barras agrupadas, es una
variación del gráfico de barras que representa más de una métrica en una dimensión o compara
más de una dimensión basándose en una única métrica, como se muestra en la siguiente figura.

Figura 3.11 – Diferentes formas de utilizar un gráfico de barras agrupadas

El gráfico de barras le permite comparar mejor los valores de las barras que están cerca entre
sí que las que están muy separadas. Por lo tanto, siguiendo el principio Gestalt de proximidad,
elija cuidadosamente qué barras deben agruparse y cuáles deben estar a lo largo del eje. En el
ejemplo anterior, el gráfico de barras agrupadas de la derecha facilita una comparación más
sencilla de las ganancias entre diferentes proveedores para cada producto que al revés.

En el caso de mostrar múltiples medidas como un grupo de barras, asegúrese de que las
métricas sean realmente comparables y puedan funcionar con el mismo eje y escala. Utilice
esta variación cuando la intención sea comparar los dos valores de métricas para cada valor de
studein.com

dimensión (por ejemplo, ventas reales versus presupuestadas y ventas del trimestre actual
versus ventas del trimestre anterior). Para que sea más útil, asegúrese de que los grupos
contengan solo una pequeña cantidad de barras, idealmente no más de cuatro.

Otro estilo más de gráfico de barras es el Grafico de barras apiladas, en el que cada barra se
desglosa en una segunda dimensión y los sectores se muestran como pilas dentro de una sola
barra en lugar de como barras independientes, como en el caso del gráfico de barras
agrupadas. La longitud total de cada barra indica el valor métrico total de la dimensión a lo largo
del eje, lo que permite una comparación precisa de los valores de dimensión en ella. Al
representar una sola medida mediante dos dimensiones, un gráfico de barras agrupadas
(agrupadas) y un gráfico de barras apiladas pueden mostrar los mismos datos, solo que de
diferentes maneras. Al igual que los gráficos agrupados, visualice solo unas pocas pilas por
barra para que sean más efectivos.

Las longitudes de diferentes pilas que representan la segunda dimensión en cada barra, por el
contrario, sólo permiten una interpretación aproximada de los valores y una comparación entre
ellos. Es posible que los usuarios necesiten hacer algunos cálculos mentales para comprender
las magnitudes con precisión. Además, comparar estas pilas en diferentes barras es realmente
difícil con la excepción de la pila inferior o más a la izquierda en el caso del gráfico de barras
verticales y el gráfico de barras horizontales respectivamente, debido al hecho de que las pilas,
aparte de la primera, no ofrecen un punto de partida consistente para facilitar la comparación.

Gráficos de barras apiladas puede ayudarle a comparar totales y simultáneamente ver la

composición de una métrica por otra dimensión. Son útiles cuando el valor de la métrica general
es más importante que el desglose por la segunda dimensión. Los gráficos de barras apiladas
le permiten notar cualquier cambio marcado en el nivel de desglose o pila que pueda causar
variaciones en los totales. La siguiente figura muestra los mismos datos que el gráfico de barras
agrupadas (agrupadas) de la figura anterior como un gráfico de barras apiladas, que muestra
las ganancias de varios productos desglosadas por proveedores.
studein.com

Figura 3.12 – Un gráfico de barras apiladas

Un gráfico de barras 100 % apiladas es una forma estrechamente relacionada de un gráfico de

barras apiladas, en la que la longitud de la barra total representa el 100 % del valor de la
dimensión en el eje. Las pilas en la barra representan la contribución porcentual de cada uno
de los valores de dimensión de desglose, como se muestra en la siguiente figura.

Figura 3.13 – Un gráfico de barras 100% apiladas

Como en el gráfico apilado de barras, solo permite comparación aproximada a lo largo de la

barra y no permite comparar pilas entre diferentes barras. El objetivo principal de los gráficos
apilados es proporcionar una mejor comprensión del panorama general, sin centrarse mucho
en las pequeñas diferencias.
studein.com

Gráficos de líneas
Gráficos de líneas son una opción natural para representar datos de series de tiempo, donde
el eje x representa el tiempo y el eje y representa la métrica. En general, un gráfico de líneas
puede tener cualquier atributo que represente valores continuos con un intervalo de medición
uniforme, no solo el tiempo. Los gráficos de líneas proporcionan una comprensión de la
tendencia general y el patrón de una variable representada en el eje y a lo largo de los valores
continuos de una variable representada en el eje x. La siguiente figura muestra un gráfico de
líneas que representa las ventas mensuales totales a lo largo del tiempo.

Figura 3.14 – Un gráfico de líneas simple

La métrica se puede desglosar en una dimensión con valores discretos y representada por
varias líneas. Mostrar demasiadas líneas satura el gráfico y lo vuelve ineficaz. La orientación
general dice que puede mostrar hasta cinco líneas para proporcionar el máximo valor.

Figura 3.15 – Un gráfico de líneas con varias líneas que representan las ventas de diferentes
países
studein.com

Si bien la comunidad de visualización de datos y los expertos generalmente coinciden en

que el eje y de los gráficos de barras debe comenzar en 0, no hay consenso sobre si es
obligatorio que otros tipos de gráficos también lo hagan. Iniciar el eje y de un gráfico de líneas
en un valor que tenga sentido para el conjunto de datos específico le permite ver los cambios a
lo largo del eje con mayor claridad. Un ejemplo clásico es el bolso de Valores variación del
precio a lo largo del tiempo. Comenzar el eje y en 0 para esta visualización hace que la línea
parezca casi plana y dificulta la interpretación de las variaciones. Elegir el valor históricamente
más bajo como punto de partida hará que el objeto visual sea más útil en este caso. El objetivo
principal de los gráficos de líneas es representar los cambios relativos a lo largo de la línea en
lugar del valor real en cualquier punto. Por lo tanto, la altura real a la que aparece la línea no
afecta la capacidad de los usuarios para comprender correctamente la variación, incluso si
dramatiza la magnitud, como se ilustra en la siguiente figura. Sin embargo, asegúrese de
observar la escala del eje y para interpretar la magnitud.

Figura 3.16: Un gráfico de líneas con un eje ay que comienza en un valor razonable para el
conjunto de datos ayuda a leer mejor la variación de los valores.

Gráficos de área o solo gráficos de líneas llenos de color y pueden considerarse como una
combinación de un gráfico de líneas y de barras. Esto significa que, además de un cambio en
los valores a lo largo del eje, los gráficos de áreas ayudan a los usuarios a comprender la
magnitud de un valor por el área general. En consecuencia, al igual que los gráficos de barras,
los gráficos de áreas deben comenzar su eje y en 0.

Los gráficos de áreas se utilizan comúnmente con varias líneas para comparar diferentes
categorías. Funcionan mejor cuando los datos son divergentes y la superposición entre las
líneas es mínima. En el siguiente gráfico de áreas, el número diario de tickets cerrados por dos
miembros del equipo de soporte técnico es lo suficientemente divergente como para
proporcionar una imagen útil.
studein.com

Figura 3.17 – Un gráfico de áreas con datos divergentes

Cuando las líneas se superponen mucho, la superposición de colores causa confusión y dificulta
a los usuarios la lectura del gráfico, como se muestra en la siguiente figura. Si los colores no
son transparentes, se limita aún más la utilidad del gráfico como resultado de la oclusión o la
ocultación de los datos.

Figura 3.18 – Un gráfico de áreas con una serie muy superpuesta resulta confuso

Gráficos de áreas apiladas los gráficos de áreas 100% apiladas se utilizan con más frecuencia
que los gráficos de áreas normales porque no sufren el problema de oclusión. De manera similar
a los gráficos de barras apiladas, los gráficos de áreas apiladas son útiles para representar el
total general y la composición por dimensión de desglose al mismo tiempo. Permiten a los
usuarios comprender cualquier cambio brusco a nivel de serie individual a lo largo del eje
studein.com

horizontal que afecte el total general. Los gráficos de áreas apiladas engañan a los usuarios a
la hora de discernir las verdaderas tendencias de los valores de dimensión más allá del primero,
al igual que los gráficos de barras apiladas.

Los gráficos de áreas apiladas añaden complejidad adicional, ya que a los usuarios les resulta
muy difícil comparar áreas con precisión. Además, no todo el mundo comprende o interpreta
correctamente estos gráficos. Por lo tanto, en general deben usarse con precaución.

Figura 3.19: Los gráficos de áreas apiladas hacen que sea más difícil discernir las tendencias
reales de los diferentes valores de dimensión.

Mini gráficos son una forma de gráficos de líneas que fueron introducidos por el gurú de la
visualización de datos Edward Tufte. Son útiles para proporcionar el contexto histórico de una
métrica. Estas líneas no muestran ningún eje ni ningún valor, excepto el último punto de
datos. Los mini gráficos ahorran espacio y son muy adecuados para un tablero. Pero asegúrese
de usarlos sólo cuando los valores reales de los otros puntos no sean relevantes para su historia.

Figura 3.20 – Los mini gráficos añaden contexto histórico

En el precedente La figura muestra cómo se puede aumentar el objeto visual de una tarjeta con
la tendencia histórica de la métrica de ventas mediante un mini gráfico:
studein.com

gráficos combinados
gráficos combinados permiten representar diferentes series con un diferente tipo de marcador:
línea, barra, área, etc. La forma más común de gráfico combinado es la que se compone de
barras y líneas, como se muestra a continuación.

Figura 3.21 – Un gráfico combinado con un solo eje y

Un gráfico combinado es útil para aumentar un gráfico principal con una superposición de un
conjunto diferente de datos con fines de comparación. La serie secundaria puede utilizar el
mismo eje que la serie principal o un eje diferente a la derecha.

Figura 3.22 – Un gráfico combinado con ejes Y duales

studein.com

Sin embargo, los ejes duales Hacen que el gráfico sea difícil de leer y puede llevar a los usuarios
a interpretar una serie incorrectamente. Por lo tanto, generalmente deberías evitarlos y
considerar formas alternativas de presentar los datos.

Gráfico de dispersión
Cuando estás interesado en comprender la correlación entre dos métricas, un diagrama de
dispersión es el camino a seguir. Un diagrama de dispersión le permite representar una gran
cantidad de elementos y proporciona la distribución general de los elementos con respecto a
ambas métricas.

Figura 3.23 – Diagrama de dispersión que representa la distribución de modelos de automóviles

según la distancia recorrida y el precio de venta

Además de los ejes x e y, puedes usar el color y el tamaño para representar dos métricas
adicionales . El color también se puede utilizar para representar valores distintos de una
dimensión de desglose. Un tipo o forma de marca es otra forma de mostrar agrupaciones
adicionales. Sin embargo, incorporar todos estos atributos al mismo tiempo puede saturar el
gráfico y dificultar su lectura. Tenga cuidado de utilizar estas dimensiones con prudencia para
proporcionar una visualización de información simplista pero útil.
studein.com

Figura 3.24 – Un diagrama de dispersión que utiliza color y tamaño para representar información
adicional

El diagrama de dispersión en lLa figura anterior muestra automóviles usados, utilizando el color
para representar un desglose por tipo de combustible y el tamaño para indicar el número de
propietarios.

Tablas
Tablas son la mejor manera de mostrar datos detallados. También le permiten presentar varias
dimensiones y valores métricos juntos fácilmente. El siguiente es un ejemplo de una tabla con
múltiples dimensiones y múltiples métricas. Los valores de ganancias se muestran como barras
de datos en lugar de texto.
studein.com

Figura 3.25 – Una tabla con múltiples dimensiones y métricas

Tablas pueden formar parte de informes detallados en lugar de paneles compactos. Tienden a
apoyar la muestra resumidas de métricas y permite a los usuarios investigar y comprender los
detalles según sea necesario. Las tablas también se utilizan comúnmente en paneles operativos
para ayudar a realizar un seguimiento de las actividades diarias. Al diseñar un panel, la
necesidad de un usuario de ver datos detallados en forma de tablas se puede abordar
proporcionando un informe detallado o un enlace a una vista separada con la visualización de
la tabla, en lugar de incorporar directamente la tabla en el panel.

Tablas dinámicas, como se muestra en la siguiente figura, permiten a los usuarios ver valores
de métricas resumidos en dos dimensiones a lo largo de filas y columnas respectivamente, y
también le permiten incluir jerarquías de dimensiones asociadas.
studein.com

Figura 3.26 – Una tabla dinámica con jerarquías de filas y columnas

En resumen, se puede representar una gran cantidad de datos detallados con agregaciones
adecuadas en tablas dinámicas de una manera fácil de usar.

Mapa de calor (matriz)

Mapas de calor utilice la intensidad del color para representar valores métricos. Mapas de calor
cuando se aplican a datos tabulares o matriciales ayudan a comparar categorías a lo largo de
filas y columnas. Puede utilizar un esquema de color secuencial o un esquema de color
divergente para dar sentido a la distribución de datos a lo largo de los valores de dimensión
elegidos. El uso del color para enfatizar las relaciones entre los valores de las dimensiones y la
distribución de una métrica representada hace que sea más fácil comprender los patrones de
datos, en comparación con los números sin procesar.

Figura 3.27 – Mapa de calor que muestra la distribución de beneficios por país y segmento

El mapa de calor de la figura anterior utiliza un color cálido para representar el beneficio más
bajo y viceversa. Este gráfico proporciona una forma rápida de evaluar las áreas problemáticas
rápidamente y también la prevalencia de estos aspectos preocupantes.

Mapa de árbol
Un mapa de árboles una buena manera de representar visualmente datos jerárquicos utilizando
principalmente atributos de área y color. Por ejemplo, el siguiente gráfico muestra las ventas de
cada categoría, representadas por el primer nivel de cuadros para cada categoría. Las ventas
de cada producto que pertenece a una categoría están representadas por el segundo nivel de
cajas rectangulares. El área de cada caja es proporcional a las ventas totales de una categoría
studein.com

o producto en particular. El color se puede utilizar para representar un valor métrico adicional o
una dimensión. Esta es una forma de mapa de calor.

Figura 3.28 – Un mapa de árbol que muestra la proporción de ventas en una jerarquía de
productos

Mapas de árboles son similares a los gráficos circulares en que ayudan a representar la
composición de los datos. En además, los mapas de árbol le permiten profundizar en una o más
dimensiones. Dado que tanto el área como la intensidad del color proporcionan solo
comparaciones aproximadas, los mapas de árbol solo son útiles para presentar una
composición aproximada y de alto nivel de las dimensiones y los valores extremos de la métrica,
representados por la intensidad del color.
studein.com

Otra limitación del mapa de árbol es que los valores de dimensión en el extremo inferior del
rango métrico serían demasiado pequeños y no serían fáciles de identificar, especialmente si el
rango (la diferencia entre el valor más grande y el más pequeño) de los valores métricos es
demasiado grande.

mapas geográficos
Mostrando datos basados en la ubicación en un mapa geográfico tiene el sentido más
intuitivo. Casi todas las herramientas de visualización de datos le permiten trazar áreas
geográficas estándar, como países, estados o provincias, ciudades, países y códigos postales,
de forma inmediata. Algunas herramientas también le permiten crear áreas personalizadas,
como regiones y territorios de ventas. Además, algunas herramientas le permiten importar o
integrar capacidades y datos cartográficos avanzados directamente en su panel de control.

Nota

Las visualizaciones geoespaciales avanzadas implican un tipo de datos fundamentalmente

diferente, llamado datos ráster, que está más estrechamente relacionado con las
imágenes. Esto requiere herramientas especializadas como Google Earth Engine o ArcGIS para
visualizarlo, y no se tratará en este curso.

En gráficos geográficos más básicos, los datos se presentan en un mapa mediante burbujas o
un color de relleno. En el mapa geográfico de la burbuja, también puede utilizar el color además
del tamaño de la burbuja para representar una métrica adicional o un valor de dimensión no
geográfica para la agrupación, como se muestra en la siguiente figura.
studein.com

Figura 3.29 – Un gráfico de mapa geográfico de burbujas, que utiliza el tamaño de la burbuja
para representar la métrica y el color para representar el desglose de la métrica por dimensión.

El mapa lleno llena el todo el área geográfica con el color correspondiente, en base en una única
métrica elegida. Proporciona una descripción general de la distribución en ubicaciones
geográficas y muestra patrones y relaciones espaciales de manera efectiva. Estos mapas
rellenos también se denominan mapas coropléticos.
studein.com

Figura 3.30 – Un mapa geográfico completo que muestra las ventas en diferentes países

Tanto de burbujas como llenos.Los gráficos de mapas son excelentes para proporcionar
información regional de alto nivel.patrones pero no son adecuados para identificar diferencias
sutiles.

Otros
Existe una gran cantidad de otros tipos de gráficos que podrían ser adiciones beneficiosas a su
arsenal de visualización de datos, pero no podemos cubrirlos todos aquí. Una buena referencia
para tipos de gráficos adicionales https://flowingdata.com/chart-types/ . Sin embargo, los
principios y directrices que hemos analizado en este capítulo deberían ayudarle a evaluar esos
variados tipos de gráficos y tomar la decisión correcta para sus datos y su panel.

Evitar errores comunes

Ahora al final del módulo, analizaremos algunos de los errores y trampas más comunes a tener
en cuenta al diseñar paneles y elementos visuales. Verá que generalmente implican una
aplicación inadecuada de los principios de diseño que hemos discutido en este capítulo o una
falta total de cumplimiento de ellos.

Sobrecargar un tablero
Un tablero que intenta transmitir demasiado es un tablero sobrecargado. Es tentador para los
desarrolladores de paneles responder a las incesantes demandas de información adicional de
los usuarios agregando más y más elementos visuales e información a un panel existente. Esta
tendencia sólo dará como resultado un tablero desordenado que será complicado de usar y
comprender.

Además, intentar abordar las necesidades de diferentes grupos de usuarios con el mismo panel
es una mala idea. Limite el alcance del panel y alinéelo con un único objetivo y persona
principal. Proporcione detalles adicionales a los usuarios a través de paneles separados y
permita una navegación fluida para facilitar los viajes analíticos de los usuarios. Cree paneles
de control separados para servir a diferentes equipos y objetivos.
studein.com

Comprenda la distinción entre un panel y un informe y evite o incluya detalles en

consecuencia. Los informes, por definición, tienden a ser elaborados, pueden contener varias
páginas y pueden satisfacer las necesidades de varias personas. Además, no abarrote un panel
o un informe con demasiados enlaces que no sean de datos.

Diseñar un diseño pobre o incohesivo

Al pensar en la narrativa y no comprender la forma en que los humanos consumen datos
visuales, es probable que se cree un diseño deficiente que no esté optimizado para la
interpretación más rápida y sencilla de la información. Colocar elementos visuales no
relacionados juntos da como resultado un diseño incohesivo que perjudica la experiencia del
usuario y hace que un panel sea realmente ineficaz. Debe dedicar tiempo a la narrativa prevista
que desea presentar a los usuarios y trabajar deliberadamente para organizar el contenido en
el panel para proporcionar una imagen coherente.

No enfatizar información clave y un mensaje.

Utilice atributos de atención previa como color, intensidad, tamaño, longitud y orientación a su
favor, y enfatice la información clave que necesita atención. Además, un gráfico o panel donde
todo está resaltado es aquel en el que nada destaca. Utilice estos atributos con prudencia y
moderación para alertar a los usuarios sobre comportamientos problemáticos o no deseados
que requieren atención.

Usar color de manera excesiva o inapropiada

No utilice demasiados colores en un tablero o gráfico. El color excesivo fatiga el ojo humano y
dificulta el procesamiento de la información. Además, no utilice colores para representar datos
cuando no les agregue ningún significado.

Usar ejes duales en gráficos sin precaución

El uso de ejes duales para presentar dos métricas diferentes en un solo gráfico puede generar
información incorrecta, especialmente sobre la relación entre las dos series de datos. Los ejes
duales se pueden implementar de diferentes maneras:
studein.com

• Cada eje representa una métrica diferente en las mismas unidades, pero en una escala
estrechamente relacionada (lo que resulta más confuso).
• Cada eje representa métricas y unidades de medida completamente diferentes. Este es
un uso más apropiado de ejes duales con menos confusión, pero se debe tener cuidado
al comparar la tasa de cambio o los valores absolutos de las dos series.
• Ambos ejes representan la misma métrica, pero en diferentes momentos. Esta es la
aplicación más eficaz de los ejes duales.

En la siguiente figura, elEl gráfico de la derecha, que representa las ventas totales y el
porcentaje de ventas de nuevos clientes en cualquier eje, puede ser aceptable. Sin embargo, el
de la izquierda es engañoso y confuso, ya que da la impresión de que ambas categorías de
productos (ropa y calzado ) están generando ventas de nuevos clientes a un ritmo similar.

Figura 3.31 – Utilice ejes duales con extrema precaución

Usando gráficos separados para presentar dos métricas es la alternativa más sencilla al uso de
un gráfico combinado complicado que es ineficaz. Otra alternativa es utilizar un solo eje, que es
posible trazando series con escalas estrechamente relacionadas y las mismas unidades de
medida o trazando valores indexados de ambas métricas.

Manipulación inadecuada de ejes.

Los gráficos de barras cuyos ejes no comienzan en 0 son completamente incorrectos y
presentan una visión muy incorrecta de los datos. Este escollo debe evitarse como la peste. Las
comparaciones entre las barras se distorsionarán cuando las barras no comiencen en 0.
Siempre comience el eje del gráfico de barras en 0. La Figura 2.58 muestra cómo estos gráficos
engañan a los usuarios.
studein.com

Del mismo modo, para un gráfico de líneas, debe elegir la escala que mejor resalte la tendencia
que interesa a los usuarios. Por ejemplo, el gráfico de la izquierda en la siguiente figura no es
realmente útil, ya que los datos cambian a lo largo del tiempo. no se representa bien, con el
eje y oscilando entre 0% y 40%. Las ventas de la empresa han crecido apenas entre un 2% y
un 4%, y definir la escala del eje y alrededor de estos valores representa mejor la tendencia,
como se muestra en el gráfico de la derecha.

Figura 3.32 – Una escala apropiada para que el gráfico de líneas represente bien la tendencia

Otro aspecto del diseño de ejes es la "escala". Si desea comparar una métrica en varios
gráficos, asegúrese delas escalas de eje para esos gráficos son las mismas. El uso de
diferentes escalas para una métrica en diferentes gráficos genera comparaciones y
conocimientos inexactos.

Figura 3.33 – Escalas de ejes diferentes conducen a comparaciones inexactas

La figura anterior muestra el porcentaje de ventas obtenidas de nuevos clientes para dos
categorías de productos (ropa y calzado ) en gráficos de líneas uno al lado del otro. A primera
vista, ambas categorías parecen estar adquiriendo clientes al mismo ritmo y la
categoría Zapatos probablemente esté obteniendo mejores resultados, dada la tendencia
creciente. Sin embargo, tras una inspección más cercana, puede ver que los dos gráficos usan
studein.com

escalas diferentes en sus ejes y . Te das cuenta de que es la categoría de Ropa la que
realmente está obteniendo mejores resultados.

Usar tipos de gráficos inapropiados o complejos

Por supuesto, utilizar el gráfico más adecuado para representar la información es de suma
importancia. En los casos en los que sean adecuados varios tipos de gráficos, elija el más
simple. No utilice tipos de gráficos complejos o difíciles de leer por motivos de novedad. En los
casos en que la complejidad de los datos justifique un gráfico sofisticado, que requiera una
mayor eficacia por parte de los usuarios, inclúyalo en un panel solo después de asegurarse de
que los usuarios se sientan cómodos con él y puedan usarlo de manera efectiva. Proporcione
instrucciones útiles y notas explicativas dentro del panel para ayudar a los usuarios según sea
necesario. Alternativamente, puede planear transmitir la misma información a través de una
colección de gráficos más simples.

Por ejemplo, considere el siguiente gráfico de radar. Muestra la calificación de desempeño de

diferentes empleados según seis atributos.

Figura 3.34 – Un gráfico de radar que muestra las puntuaciones de desempeño de los
empleados según múltiples atributos
studein.com

Gráfico de radar
Un radar o gráfico de araña Puede visualizar una o más series de datos sobre múltiples variables
cuantitativas. Por ejemplo, puede comparar fácilmente el desempeño de diferentes estudiantes
en diferentes cursos. Dado que representa variables de forma circular, es especialmente
adecuado para comparar una serie a lo largo de diferentes períodos de tiempo, como trimestral
o mensual.

Sin embargo, los gráficos de radar pueden ser bastante complejos de leer, especialmente
cuando se trazan más de unas pocas series. Además, rellenar los polígonos con color da como
resultado una oclusión, donde el polígono superior cubre todos los demás polígonos que se
encuentran debajo de él.

En este gráfico, el área de laEl polígono representa el desempeño general de un empleado. La

intención es poder comparar el desempeño de varios empleados entre sí. Hay varias cosas que
dificultan la lectura de los gráficos de radar:

• La forma circular requiere un esfuerzo consciente para comparar valores entre los
atributos y no existe un orden implícito.
• No se pueden comparar visualmente con precisión las áreas de diferentes
series. Además, las diferencias en la métrica parecen infladas a medida que el área
resultante del polígono cambia exponencialmente.

Alternativamente, estos datos se pueden representar de una forma mucho más sencilla y eficaz
mediante un gráfico de barras. Un gráfico de barras agrupadas funciona mejor cuando sólo hay
unas pocas series (es decir, empleados, en este ejemplo) para comparar.
studein.com

Figura 3.35 – Un gráfico de barras agrupadas es una alternativa a un gráfico de radar para
facilitar la comparación

Puedes usar múltiplos pequeños: un número de gráficos de barras separados, uno para cada
serie (es decir, empleado), cada uno de los cuales representa la métrica (es decir, calificación
de desempeño) en la misma escala, cuando hay más de unas pocas series.

Resumen
Usar el tipo de gráfico correcto para mostrar información es de suma importancia. En este
capítulo, revisamos una selección de tipos de gráficos comunes para ayudarlo a tomar la
decisión correcta según sus necesidades. Discutimos algunos de los errores y trampas
comunes en la visualización de datos y cómo evitarlos.

Esto marca el final de la primera parte del curso, que se centró en los conceptos de narración
de datos y principios rectores. En la segunda parte del curso, exploraremos la herramienta de
visualización de datos de Google, Looker Studio, y sus características y capacidades. El
próximo capítulo presenta la herramienta y examina sus componentes principales.