No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Errores comunes al diseñar visualizaciones de datos

7/23
Recursos

Al momento de crear y diseñar nuestras visualizaciones de datos, podemos cometer algunos errores, o no representar de una manera adecuada nuestros datos.

Mejores prácticas de diseño

  • Agrupar las visualizaciones relacionadas
  • Mantener la percepción de las visualizaciones en los ejes x y y (sesgo de la percepción visual)
  • Respetar los colores de cada elemento y evitar reusarlo
  • Ordenar los valores de manera descendente
  • Colorear las barras de forma que las más grandes tengan un color más saturado, y las más pequeñas un color con menor saturación
  • Resaltar un elemento cuando haya información relevante (ej. pérdidas en producción)
  • Debe haber continuidad en los valores, a menos que esto represente algo (ej. inicio del año)
  • Dependiendo si tu dashboard es dinámico o estático, usa o evita el uso de visualizaciones que necesiten scroll o hover
  • Evitar el empleo de elementos que confundan

Contribución creada por: Néstor Arellano y Brandon Argel.

Aportes 56

Preguntas 2

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Cómo evitar errores comunes para la data viz

  1. Cuando relaciones dos o más gráficas, procura que las escalas no sean distintas.
  2. Procura que el orden de tus valores sean correctamente ordenados según la relación que ocupe en el gráfico.
  3. Ten en cuenta que debes diferenciar los valores de tu gráfica. Es recomendable diferenciar cada categoría por colores según su importancia para nuestro análisis.

Obstacles to gender equality
-Los colores usados contrastan muy bien, al ser los dos de tono oscuro y opuestos completamente

  • Los valores se ordenan de forma descendente con respecto al eje vertical

Transición energética en países europeos
En este gráfico se observa el punto de equilibrio entre las energías renovables y las energías fósiles, mostrando que en un futuro muy cercano las renovables llevaran la delantera.

En el viz of the day correspondiente al 16 de marzo se muestra un dashboard que muestra el numero de eventos de protesta en Polonia distribuido por estado.

  • Muestra todos los estado ordenados de mayor a menor. (buena percepción visual)
  • En un mapa geográfico se muestra la distribución por estado mostrando el numero de protestas dentro de cada estado por una burbuja de acuerdo a su tamaño y densidad de color (buen uso del color)

Varios puntos:

  1. Se demuestra la alarmante relacion entre el rot 10 de paises con mayor cantidad de suicidios por 100.000 habitantes, y mediante el resaltamiento se evidencia la cantidad de paises que fueron de la Union Sovietica-

  2. Las barras están a escala, y toma el top por lo que no es necesario hacer scroll.

  3. Punto a mejorar dentro de la grafica no se dice que significa el rojo, por lo que toca leer en la descripcion su significado, por lo que en una vista rapida no se entiende rapidamente.

  4. En la grafica de indice de libertad y GDP, es facil evidenciar el grupo donde se encuentra mayoritariamente los paises de la Union Sovietica, al ser interactiva se pueden ver otros paises para conocer las comparaciones.

  5. El color tambien resalta en esta grafica.

Aquí se muestra como es la evolución del sueño de un bebe durante los 3 primeros meses. Buenas practicas

  • Esta normalizado en las horas
    -Analiza el tiempo de alimentación, con burbujas que hacen buen contraste fácil de diferenciar
    -leyenda lo explica para disminuir carga cognitiva
    -Sirve para hacer presentaciones de tipo estática

Las mejora practicas de esta VIZ:

  1. Los colores negro y gris, para diferenciar al momento de ver mas información.
  2. El ordenamiento de periodos de años de menor a mayor.
  3. Ordenamiento cronológico al momento de presentar mas información sobre ella.
  4. Sección pequeña del mapa por que se puede ampliar y alejar.

Muestro el data viz del 12/03/2021, dentro de las mejores practicas que pude interpretar están

  1. Muestra y permite seleccionar con un clic una de las 25 mujeres mas brillantes de la historia
  2. muestra en una linea de tiempo desde su fecha de nacimiento hasta su muerte pasando por sus estudios
  3. permite visualizar los estados en donde estuvo en cada una de las fechas importantes

Visualización del día: Mujeres en los Parlamentos y Gobiernos

Se puede entender que la línea resaltada en color azul corresponde a **Italia ** gracias al cuadro que indica información del porcentaje de crecimiento respecto al 2003 que es el 251% y que destaca como ha aumentado respecto a los demás países.


**
entre las mejores practicas podemos encontrar:**

  • ordenamiento de menor a mayor
    -buen huso del color para difrenciar los ataques de tiburones que fueron fatales
    -resalta muy bien los 4 principales estados que sufrieron mas ataques de tiburones.

Viz del dia 25 de mayo.

Visualización del día:

  1. La usabilidad de los colores es eficiente y fácil de entender.
  2. Los colores hacen contrastes y la visualización es acorde a la temática.
  3. La estandarización de gráficos es acorde a la información.
  4. Implementación de filtros y búsquedas personalizadas, facilitando el entendimiento de la audiencia.


Dataviz / 020422 / Me gusta su diagramación para recorrer toda la información, la gama cromática es apropiada a la sensación de reflexión que quiere transmitir. Me gusta mucho el detalle de la gradación y la opacidad de algunos elementos gráficos que sirven como módulos para hacer conteos. En algunos casos pienso que le falta fuerza y contraste a las fuentes tipográficas, pero por el contexto puede ser intencional.

Disney Movies Income
En este dashboard se puede observar que:

  • Hicieron un buen uso de los colores.
  • Ordenamiento de barras horizontales por cantidad, rating y género.
  • En el gráfico de dispersión se puede resaltar cuales peliculas tuvieron mejor desenpeño.

En el caso que no todos puedan ver las informaciones adicionales de un dashboard:

  • Se pudo mejorar el primer gráfico adicionando adicionando unos ejes con cantidades.
  • El segundo gráfico se podrían visualizar los porcentajes en primer plano.
  1. Tiene colores que contrastan bien
  2. La forma usada para dar a conocer la información considero que es adecuada
  3. Los valores son organizados de menor a mayor
  4. No hay valores en la grafica, para conocerlos hay que acercar el cursor a la linea que se desea conocer, se dificulta un poco

el #DataVizOfTheDAy del día de hoy nos muestra la relación de mujeres en el parlamento, queriendo resaltar el crecimiento de esta proporción en Italia con respecto al resto de países de Europa.

El uso de un color diferente en la línea del paisa de interés causa un impacto y facilita la retención cognitiva y los colores usados y el grosor de las líneas de los demás países ayuda a que no se sature la visualización.

El hecho de resaltar la palabra Italia en azul en la descripción de la visualización permite omitir los nombres de etiquetas dentro de las gráficas.

Se podría pensar que tener todos los demás países del mismo color causaría confusiones, pero la historia que se quiere transmitir es el crecimiento de la relación en Italia vs los demás países en general y no uno en particular, por lo cual esto no es un problema. Si queremos ver los demás países cada línea tiene un mouseover que lo permite.

  1. Se ordendan de mayor a menor los datos.
  2. Misma dimension de datos 450 goles.
  3. Contraste de colores en graficos.

Mi poderoso estado, Colima, por fin.

Lastima que sea para demostrar el crimen

En este viz, que es de la duración de los reinados de los diferentes reyes/reinas que ha tenido el Reino Unido, considero que las buenas prácticas son el ordenar de menor a mayor por monarca, representando así la sucesión en los reinados, además me parece interesante que no usó demasiados colores, lo mantuvo simple y al mismo tiempo muy entendible, tiene un texto de introducción a lo que se va a analizar y por último, tiene muy sutilmente plasmados eventos como lo son la revolución francesa o las guerras mundiales, sin que estos choquen con el análisis principal que es el de visualizar la duración de los reinados.

La verdad que esta visualización, me voló la mente. Muestra los días es lo que en que una persona se registro como las más vieja.

Visualización

“Derretimiento de la realidad”

Esta visualización tiene como objetivo visualizar el área de glaciares en declive en todo el mundo.

  • Buenas Prácticas *
    1- Los colores usados contrastan muy bien,expresando las áreas geográficas afectadas.

2- Normalización de los datos.

3- buena elección de fondo

En la visualización del dia, se observa un estilo dinamico o interactivo en el cual para la mayoria de graficos se debe seleccionar o pasar el cursor sobre las partes con el fin de obtener información adicional. Entre las buenas practicas, la autora usó colores para diferencias los distintos circuitos de teatro a los que hace referencia. Ademas usó una buena leyenda para describir cada categoria, asi como el uso de filtros que comparar información. Al final hace uso de un mapa interactivo donde muestra la ubicación de los distintos teatros, los cuales ademas, estan representados con el color de su categoria.

La percepción visual siempre debe ser el primer filtro

En la visualizaciòn se puede apreciar el correcto uso de la colorimetrìa al desagregar el tipo de grupo étnico y sus edades que influyen en algunos indicadores económicos como inmigrantes en Canadá

Impacto del cambio climatico en mujeres vs. hombres.
Buenas prácticas:

  • Diferencia los géneros por color y compara el tamaño de las columnas con un eje Y estandarizado, resaltando el tamaño cuando es mayor el % del impacto.
  • Deja en colores neutros y en una sóla grafica de barras los resutados de los estudios que no confirman la hipótesis.

https://public.tableau.com/app/profile/nicole.klassen/viz/WomeninBusinessandClimateChange/WomeninBusiness

En esta visualizacion todo tiene un concepto para transmitir el mensaje, me parecio muy creativo que para hacer resaltar el mensaje de “Mujeres heroicas en la lucha contra el cambion climatico” los datos se presenten como paginas de una historieta

MEJORES PRACTICAS

  • De los datos obtó por un ranking (filtro) para evitar la barra deslizadora.
  • Tiene un filtro también por año.
  • Las flechas después indican el posicionamiento que tenien comparado con el año anterior.
  • Usa imagenes ilustrativas para captar rapidamnete de que va el tema.

El Viz of the day del 8 de marzo de 2022 muestra la interacción de la comunidad de Tableau frente a los trabajos publicados, seleccionados como favoritos y que han sido originales o basados en trabajos previos. Por otro lado, es posible ver el crecimiento que ha tenido la plataforma desde 2012 hasta el 2022 y en el tamaño de los trabajos elegidos se ve el tamaño de la comunidad ♥ simplemente me encanta!

Visualizacion del día:

  • Todas las barras de mayor a menor.

  • Las gráficas de pie con menos de 4 valores y no sobrecargados las etiquetas.

  • Porcentajes claros y separaciones de categorías

  • Mapa de burbujas donde se refleja que cantidad de tráfico web por ciudad.

  • Separación Clara en colores verdes y rojos de valores negativos y positivos.

Encontré este Viz comparativo entre SpaceX y Blue Origin que me encantó. En esa parte de la gráfica comparan la cantidad de Viajes hechos por cada compañía.

Algunas de las buenas prácticas que observo son:

  1. Las gráficas de líneas hacen uso de diferentes colores.
  2. Es un dashboard dinámico, por lo que si sólo se tiene la imagen se observa que: Las gráficas de barras utilizan el ordenamiento, sin embargo no utilizan diferentes colores o algún tipo de resaltamiento.
  3. Hacen uso de KPI’s.
  4. Los data viz de tablas hacen uso de color.

Los colores de cada corredor resaltan el desempeño en los distintos circuitos de la temporada 2021 de F1, la diferencia entre quien fue el ganador y el segundo puesto esta clara gracias al color y posicionamiento de las imágenes de rostros además de la descripción los circuitos.

Human resources dashboard

Este dashboard me parecion interesante no solo por su muuuy buen estilo, si no que a pesar de ser simple tiene mucha data interesante.

Pros

  • Todas las barras de mayor a menor
  • Porcentajes y promedios de data interesante
  • Mapa donde se refleja que cantidad de los empleados hacen teletrabajo y desde donde

Contras

  • Un grafico de barras tiene scroll, no apto para presentaciones

Las mejores prácticas que se ejecutan en esta gráfica de #VOTD son:

  • Separa los dialectos por regiones geográficas
  • separa los dialectos por colores
  • usa la figura redonda, haciendo una analogía a la forma de la tierra
  • En algún punto parece una pelota de fútbol, pero no le encuentro la relación 😛

Este ejemplo de Dashboard es interesante como emplean la percepcion de profundidad para informar lo que invierten en campañas diferentes empresas en varios meses y realizando foco a una empresa en especifico.

Se puede observar que las escalas estan bien distribuidas, el orden se encuentra de mayor a menor.

la visualización que se tiene esta en orden descendente y los colores se asocian según el área ha analizar

En la visualización del día 28 de octubre del 2021 (día en que tome esta clase) encontré Wes Anderson Films una visualización realizada por Bo McCready donde destaca la relación que existe entre 10 films de este director y 13 actores que han tenido por lo menos 4 apariciones en sus films.
Como se esta trabajando con datos categóricos (artistas y películas) y lo mínimo de datos números (films en que aparecen) no es tan complicado de analizar, debido a que no habrá problemas con estandarización de graficas, como se vio en esta clase. Lo principal a destacar es la paleta de colores que se esta usando (muy bonita) pero lo difícil que es leer las letras de tonos tan claros con este fondo color durazno. De ahí en fuera esta visualización me pareció excelente.
![]()

Este data viz hace referencia al desempeño de uno de los mejores jugadores de cricket.
Mejores prácticas:

  • Percepcion visual por resaltamiento: las barras que están resaltadas en gris oscuro señalan los periodos en que el jugador de cricket promedió más de 100 carreras por entrada.

  • Percepcion visual por color: al final de algunas barras se pueden apreciar unos circulos en color amarillo, rojo o gris. Esos circulos hacen referencia a fechas exactas (es decir un juego en particular) en las que el jugador anotó +100 carreras por entrada (color gris), +200 entradas (color amarillo) y + 300 entradas (color rojo).

Al principio puede confundir un poco, pero al verla con algo de detenimiento te das cuenta de que es un gran diseño (simple, pero poderoso).

“Cumple lo primero, pero no cumple lo 2ndo al analizar las pérdidas”

La gráfica subcategories sales está ordenada en cuanto a las ventas, no las pérdidas, así que a mi parecer está correctamente ordenada.

Análisis de Medios de Pagos:

Algo que hacen muy bien es que solo con ver el primer renglón ya se puede ver los datos más importantes, y la gráfica del conversion rate es muy vistosa en cuanto a su tamaño en el dashboard.

Un punto no tan a favor son las gráficas de barras que tienen diferentes escalas, un punto a su favor es que tienen los ejes para cada una de ellas

La idea es siempre pensar en las personas que verán las visualizaciones. Optimicemos para nuestro público.

P. D. Vayan al Curso de Principios de Visualización de Datos para Business Intelligence

Creo que el error en este es haber puesto el orden de los años de manera descendente y no ascendente. De esa manera lo he visto en otras historias y es mas fácil su lectura.

Sería mejor si se hicieran los dashboards desde cero no creen?? o que al menos dieran la data para recrearlos…

Algunos errores comunes
1 - No prestar atención a las escalas de ejes cuando
2 - No prestar atención al ordenamiento de mayor a menor
3 - Utilizar incorrectamente el color
4 - Sobresaturar de información o presentar la información de manera poco legible

  1. Los colores de fondo y la letra ayudan a asociar bastante fácil la marca con el reporte.
  2. Cada subtitulo contiene una descripción que contribuye a una descripción corta y precisa que complementa el grafico y también resaltan las palabras que quieren destacar.
  3. La segmentación de popularidad entre hombre y mujeres y grupos de personas están bastante complementados y son fáciles de entender y leer.
  1. Utiliza los colores gris para observar los años anteriores y el color rojo para sobresaltar el año 2020 del cual se está hablando.
  2. Explica claramente además el porcentaje de perdida de pasajeros debido a la pandemia.
  3. Se ordena cronológicamente para una mejor visualización

Comparto el análisis del DataViz del día, me pareció simplemente épico y sublime… seee 😎

La Viz de hoy 6-Abril-2021 hace referencia a Julia Michaels, artista y compositora estadounidense.

Primera parte

  • Descripción de quien se esta hablando para dar un contexto a la audiencia
  • Muestra de forma clara la cantidad de canciones que ha escrito para otros artistas y para ella, diferenciando con colores que resaltan

Segunda parte

  • Nos muestra la cantidad de canciones que ha escrito por artista, ordenados de mayor a menor
  • Diferenciación con colores llamativos cuales canciones son interpretadas por ella misma o en colaboraciones.

VIz of the day (26 de Marzo 2021), relacionado a la conmemoración del día internacional de la mujer, donde resalto las siguientes buenas prácticas:

  1. Cada punto representa un tweet el 8 de marzo para celebrar # IWD2021. El usar puntos permite representar todos los tweets (Muchos tipos o categorías) en un solo gráfico.
  2. La forma del gráfico (Concéntrico) permite reflejar qué tan cercanos o lejanos a la temática estaba cada punto.
  3. El tamaño de cada punto, refleja la cantidad de favoritos y retweets que tuvo.
  4. El color permite dar diferencia a cada punto.

Puntos de posible mejora, obtenido de Tableau Public al 25/04/2021:

  1. En la parte superior, en las cifras donde se ha colocado con letras, valdría acompañarlo con un idicador con respecto al mes anterior, o cualquier otro comparativo. Por ejemplo.
    a). Total incidents, deberia indicarse en porcentaje si es mas o menos que el mes pasado
    b). Highest Reporting state. debería ponerse un Top 3, o uno que analice % de complaints vs habitantes. para poder saber mejor, porque sabemos que CA siempre va a ocupar las primeras listas de lo que sea
  2. Barras Site of incident. Deberían haberse ordenado en orden de mayor a menor.
<h3>Japan Cherry Blossoms</h3>

Según mi percepción podemos visualizar claramente los lugares en los cuales existen jardines más visitados por estas bellas flores que solo se dan en primavera.

Visualización del día (26 de Marzo 2021), International Women’s Day

En esta visualización se puede observar el uso de la siguientes buenas prácticas:

Se tomaron en cuenta para este gráfico solo tweets en inglés.
El gráfico tiene forma de una flor haciendo alución al tema de la mujer.
Cada punto representa un tweet enviado el 8 de marzo para celebrar #IWD2021.
Diferentes categorías a las cuales se les asigna un color para diferenciarlas.
Los puntos más cercanos la centro se encuentran más relacionados al tema principal.
Los puntos más lejanos la centro se encuentran menos relacionados al tema principal.
Se le asigna mayor tamaño a los tweets con mayor cantidad de favoritos y retweets.

Hoy se presenta una comparación del consumo de algunas clases de productos en los primeros meses del año 2019 y 2020.

Como buena prácita se tienen colores diferentes para cada año y resalta el 2020, posiblemente haciendo saber que se trata de un periodo poco normal tratándose de una pandemia.

La intensión es dar a conocer una comparación entre los dos años y el consumo ante todo en el mes de Marzo, por esta razón presentan la etiqueta del valor en dicho mes.