Clase 19

Gráficos y visualización
 ¿Cuáles son los elementos de un gráfico?
GRÁFICOS Y
¿Cómo hacer una mal gráfico?
VISUALIZACIÓN
Consejos útiles

Ejercicio aplicado y práctica

 Gráficos
Un gráfico es una representación visual de datos que se utiliza para mostrar la
relación entre diferentes variables. Los gráficos pueden ser simples o
complejos, y se pueden utilizar para ilustrar patrones, tendencias y relaciones
entre datos.

Un buen gráfico debe ser

fácil de leer, claro,
preciso y relevante para
el mensaje que se quiere
transmitir.
 Gráficos
En una visualización, es importante definir el mensaje que se quiere dar con los
datos y sus diferentes representaciones gráficas.
“Nadie hace una decisión basada en un número, sino en una historia”
¿Cómo podemos leer un gráfico?

¿CUÁLES SON LOS

ELEMENTOS DE UN GRÁFICO?
Áreas de un gráfico
 Elementos de un gráfico
Título: Que presenta las variables analizadas

Fuente: Que me indica de dónde se ha tomado la Análisis: Que presenta unos resultados
información adicionales. No necesariamente en el gráfico de
forma explícita. ¿sobre qué queremos llamar la
atención?

https://www.dane.gov.co/files/investigaciones/boletines/censo-habitantes-calle/presentacion-CHC-resultados-generales-2021.pdf
 Elementos de un gráfico
Leyenda: Que resume las
convenciones usadas en el
gráfico.
Colores: Que me permiten
separar unidades de análisis y
usarlo como referencia (eje:
semáforos. O para llamar la
atención.

Ejes: Que indican los valores que toman los diferentes elementos.
Nombres de los ejes: Que indican el nombre de la variable y sus
unidades.
Etiquetas de datos: Detalle del valor de las observaciones.

https://www.dane.gov.co/files/investigaciones/boletines/censo-habitantes-calle/presentacion-CHC-resultados-generales-2021.pdf
 Elementos de un gráfico

También podemos jugar en las

variables con:
Área: el área nos permite
comparar la relación de
proporción entre objetos.

https://www.informationisbeautiful.net/visualizations/the-billion-dollar-gram/
 Elementos de un gráfico

También podemos jugar

en las variables con:

Longitud: Como en
una gráfica de barras.

Posición: como en un
gráfico de lollipop

https://www.perceptualedge.com/blog/?p=2642
 Elementos de un gráfico

También podemos jugar

en las variables con:

Ángulos: Como en un
piechart.

¿Ángulos? Sí ángulos.

Pero en serio
¿Sí, ángulos?

https://developers.google.com/chart/interactive/docs/gallery/piechart?hl=es-419
 ¿Ángulos, en serio?
Sí, los ángulos y las áreas
son difíciles de leer.

Y a veces también los ponen

en tercera dimensión, lo que
altera la forma en que se ve,
y nos confundiría (sobre todo
sin etiquetas de datos)

https://developers.google.com/chart/interactive/docs/gallery/piechart?hl=es-419
Pero también va a tener:

Tema: De qué estamos hablando

Contexto: En el marco de qué estoy

hablando, que información adicional
me ayuda a situarme.

Intención: ¿Qué quiero que pase

luego de que vean el gráfico?
Pero también va a tener:

Tema: De habitancia en calle

Contexto: En Colombia, según el

censo de habitantes de calle de 2021,
hay 6.248 personas en situación de
calle.

Intención: Pensar en el concepto de

atención y acción.
Fuente
Exploremos recursos
Catálogo por función

Proyecto DataViz
¿Cómo mentir con estadísticas?

¿CÓMO HACER UN MAL

GRÁFICO?
 ¿Qué está mal con
este gráfico?

2 minutos para
participar

https://twitter.com/ElCentauro_Co/status/1506061308453695493?s=20
Errores en los ejes
Principal problema:

Ejes: No es claro donde inicial el cero

Proporción: Aunque Petro tenía casi

el doble de intención de voto, la
gráfica lo muestra muy cercano. Lo
mismo con los últimos dos candidatos.

Las barras no reflejan los valores que

presenta en la etiqueta…

Tip 1: no omita la línea base

Errores en los ejes
Intención de voto, mayo de 2022
40%
37%

35%

30%

25%

20% 19%
16%
15%
11%
10%
10%

5%

0%
Petro Gutierrez Blanco Hernandez Fajardo

Tip 1: no omita la línea base

Confusión entre área y longitud
La longitud se duplica en el
lado del cuadrado

Al trabajar con áreas es difícil

estimar a simple vista, cuál es la
proporción entre ambos ejes.

Pero el área se multiplica por 4

Tip 2: Use una escala de ejes proporcional a los

datos. Evitar sobredimensionar las variaciones
 Proporciones entre ejes

Se puede presentar la misma información, pero se va a llegar a

conclusiones diferentes por la proporción entre los ejes.

Tip 2: Use una escala de ejes proporcional a los

Cómo mentir con estadísticas, datos. Evitar sobredimensionar las variaciones
Darrell Huff,2001.
 Mala elección del gráfico

Equipo Aprobación
A 50%
B 64%
C 38%

Contamos con datos de

aprobación de una actividad
para tres equipos distintos Para comparar resultados entre
Un gráfico de torta muestra los
grupos se deben usar barras
resultados proporcionalmente.
No tiene sentido, estos datos no
son parte de un total.

Tip 3: Seleccionar el gráfico

adecuado para comparar
https://venngage.com/blog/misleading-graphs/
Otros errores comunes
0a4 3
5a9 8
10 a 14 19
15 a 19 143
Omitir elementos importantes 20 a 24 487
como: 25 a 29 738
30 a 34 732
• No especificar unidades de 35 a 39 671
40 a 44 581
medida o nombres de los 45 a 49 446
ejes 50 a 54 396
55 a 59 353
• No dar título al gráfico. 60 a 64 340

• Incluir elementos 65 a 69
70 a 74
248
143
redundantes, e.g: Etiquetas 75 a 79 80
80 y más 87
de datos, más líneas a los
800 600 400 200 0 -200
ejes, más tabla anexa.
80 y 75 a 70 a 65 a 60 a 55 a 50 a 45 a 40 a 35 a 30 a 25 a 20 a 15 a 10 a
5 a 90 a 4
más 79 74 69 64 59 54 49 44 39 34 29 24 19 14
Sexo Hombre 87 80 143 248 340 353 396 446 581 671 732 738 487 143 19 8 3
Sexo Mujer -10 -6 -8 -17 -37 -43 -44 -55 -87 -109 -100 -111 -92 -45 -5 -4 0
Otros errores comunes
Pblación total por edad
Omitir elementos importantes
0a4
como: 1%
2%
0%
3% 9%
6%4%2% 5a9
6%
• Elegir mal la paleta de 7%
14%
10 a 14
colores 8% 13% 15 a 19
11% 12%
• Elegir el tipo de gráfica 20 a 24
25 a 29
que no conviene. Eje:
30 a 34
Piecharts funcionan para 35 a 39
pocas categorías. 40 a 44

• Introducir elementos que 45 a 49

distorsionan, como el giro

3D, la sombra y el fondo
distorsionado.
CONSEJOS
 Para llamar la atención

En las visualizaciones
se pueden usar
elementos para
resaltar características
propias de los sujetos
de análisis

https://www.bigbookofdashboards.com
 Uso de color

De acuerdo con los

datos, podemos usar
patrones de colores
para indicar
comportamientos del
fenómeno estudiado

https://www.bigbookofdashboards.com
 Uso del color
Secuencial

Cuando usar:
Variable de respuesta continua
Tasa de desempleo en los Estados Unidos

https://www.bigbookofdashboards.com
 Uso del color
Divergente

Cuando usar:
Variable de respuesta continua, los valores
extremos tienen una interpretación.
Tendencia demócrata o republicana en los
Estados Unidos

https://www.bigbookofdashboards.com
 Uso del color
Categórico

Cuando usar:
Cuando queremos separar por una
variable categórica.

Recomendaciones, evitar colores de

semáforos. Ventas por región. Cada color es una región.
La intensidad del color representa la cantidad
de ventas

https://www.bigbookofdashboards.com
 Checklist base:
• Titulo y ejes: Refiere las variables analizadas y sus unidades de medida.
• Redundancia: Se han eliminado elementos redundantes, ejemplo: Si hay
etiquetas de datos, no se debería requerir una tabla, o las líneas de
cuadrícula.
• Color: Los colores son referenciados por una leyenda, y su significado es
coherente. Eje: Se usan colores semáforo para alertas.
• Escalas: Revisar desde donde debe iniciar la escala, y si al iniciar de un
punto diferente se cambia la interpretación.
• Selección de gráfica: ¿La gráfica representa adecuadamente los datos?
Ej, en un piechart los valores deben sumar 100%.
Elementos de excelencia gráfica
• Presentar los datos
• Lograr que el lector se enfoque en el contenido y el
mensaje general, no en detalles o metodología.
• Evitar distorsionar el mensaje de los datos
• Consolidar mucha información en un espacio pequeño,
de forma clara
• Presentar diferentes niveles de los datos
• Estar relacionada de forma cercana con las
explicaciones y textos asociados.
Algunos ejemplos:

Los mapas
consolidad grandes
volúmenes de
información, en un
pequeño espacio.

¿Identifica algún patrón?

Representación de la posición de los
trenes sobre una ruta, en cualquier
momento del día.

¿Cuál es el recorrido del tren que sale

de Paris a las 7 a.m.?
Representación del tamaño de las tropas de napoleón en la batalla contra rusia.

¿Cómo se representa el tiempo, el espacio y el tamaño de las tropas?

Recursos adicionales:
David McCandless: The beauty of data visualization
Hans Rosling: The best stats you've ever seen
Chris Jordan: Turning powerful stats into art
Tim Harford: How frustration can make us more creative
 MANOS A LA OBRA
1. Abra el archivo “Adventure Works DW 2020.pbix”, para generar una
nueva visualización con esos datos.
2. En la primera página, inserte dos segmentaciones (filtros). Una, a partir
de la categoría (Category) de los productos vendidos por la compañía. La
otra, a partir del grupo (Group) de países en donde opera la compañía.
3. Inserte dos nuevas páginas al informe. Renombre la primera página
insertada como “Montos”, y la segunda página como “Unidades”
4. En la página “Montos”, inserte un gráfico de barras apiladas donde se
observe la suma de las ventas (Sales Amount) por año fiscal (Fiscal
Year).
5. En la página “Unidades”, inserte un gráfico de barras apiladas donde se
observe la suma de las unidades vendidas (Order Quantity) por año fiscal
(Fiscal Year).
SEGMENTACIÓN A MÚLTIPLES PÁGINAS

Por defecto, una Es posible duplicar

segmentación creada una segmentación
en una página de un en múltiples páginas
informe de Power BI de un informe, por
no afecta las demás medio de la función
páginas del informe. “Sincronización de
1 segmentaciones”

Esta función se encuentra disponible únicamente en la “Vista de

Informe”.
2

3
SINCRONIZACIÓN DE SEGMENTACIONES

• Entre la pestaña de filtros

y la pestaña de
visualizaciones, se abre
la ventana
“Sincronización de
segmentaciones”.
• Para usarla, haga clic
sobre la segmentación
que desea sincronizar
entre páginas.
SINCRONIZACIÓN DE SEGMENTACIONES

• Al seleccionar la Permite que la

segmentación se
segmentación que desea sincronice con y
se vea en todas
sincronizar, aparecen los las páginas del
informe, con un
nombres de las páginas, clic.

con dos columnas de

campos seleccionables. Listado de las páginas en
1
• Seleccione las opciones informe.

deseadas. 2
Selección de páginas
afectadas por la
segmentación seleccionada.

Selección de páginas en
3 las cuales es visible la
segmentación.
 ORDENAMIENTO DE ELEMENTOS
GRÁFICOS
• Es posible reordenar
los elementos de un
gráfico.
• Organización por
valores de los ejes,
ascendente o
descendente.
 MANOS A LA OBRA
1. Agregue y sincronice a todas las páginas del informe las
segmentaciones creadas en el ejercicio anterior. Estas
segmentaciones deben sincronizarse con y verse en todas
las páginas del informe.
2. Determine: ¿A cuánto ascendieron las ventas de
productos en la categoría “Accesories” para el año fiscal
2020 (FY2020)?
3. Determine: ¿Cuántas unidades de producto se vendieron
en el grupo de países “Europe” durante el año fiscal 2019
(FY2019)?
TIPOS DE OBJETOS VISUALES
• Además de los gráficos de
barras, segmentaciones,
tablas, matrices y tarjetas,
existen otros tipos de objetos
visuales.
• A destacar: gráfico circular,
de líneas, de jerarquía, de
dispersión, elementos
influyentes clave, medidor,
mapa.
GRÁFICO CIRCULAR
• Útil para mostrar
participaciones en un
total.
• Usarlo con recuentos
o sumas.
• Nunca utilizarlo con
promedios u otras
medidas descriptivas.
 GRÁFICO CIRCULAR
1. Dos opciones de
diseño: circular y de
anillos. 1
– Misma función, en
forma variada.
2
2. Leyenda: acá van
3
las categorías para
las participaciones.
3. Valores: acá va la
variable numérica a
agregar y analizar.
RECORDATORIO – DATOS JERÁRQUICOS

Los datos jerárquicos están vinculados entre sí y forman

relaciones padre-hijo.
Datos Visualizaciones Objeto Tabla
(jerarquía) (columnas)

Reseller

Sales
Territory
GRÁFICO DE JERARQUÍA
• Datos jerárquicos,
utilizando rectángulos de
tamaños variables.
• Útil para ver la magnitud
de categorías y
subcategorías.
• Optimización del espacio.
 GRÁFICO DE JERARQUÍA
1. Visualización tipo
“Treemap”.
2. Categoría: acá van las
categorías principales.
1
3. Detalles: acá van las
subcategorías.
4. Valores: acá va la
variable numérica a
2
agregar y analizar.
3

4
GRÁFICO DE LÍNEAS
• Permiten visualizar el
comportamiento de una
variable a lo largo del
tiempo, o a lo largo de una
escala ordinal.
• Facilitan la identificación
de tendencias en el
tiempo, y comparación de
tendencias de diferentes
categorías.
 GRÁFICO DE LÍNEAS
1. Visualización tipo
“gráfico de líneas”.
2. Eje X: acá va la escala
1
ordinal o de tiempo.
3. Eje Y: acá va la variable
numérica a agregar y
analizar.
2
4. Leyenda: acá van las
categorías para las 3
series.

4
GRÁFICO DE DISPERSIÓN
• Permite analizar el
comportamiento de dos
variables cuantitativas en
un mismo gráfico.
• Cada punto de datos
representa el valor de
cada una de estas
variables cuantitativas
para una misma
observación.
 GRÁFICO DE DISPERSIÓN
1. Visualización tipo “gráfico
de dispersión”.
2. Valores: acá va una variable
de identificación única para
1
cada observación a
analizar.
3. Eje X: acá va una de las
variables numéricas a
2
analizar.
4. Eje Y: acá va la otra 3
variable numérica a
analizar. 4
 MEDIDOR
• Tarjeta especial, para
contrastar el valor de
un indicador contra
un valor objetivo.

• Útil para ver progreso

hacia una meta.
 MEDIDOR
1. Visualización tipo “medidor”.
2. Valor: acá va el indicador
que quiero medir.
3. Valor máximo: valor más
alto posible en el medidor. 1
4. Valor de destino: valor que
deseo alcanzar para el
indicador.
2
Nota: es posible definir un
número exacto como un valor
máximo o de destino, usando
3
expresiones DAX.
4
 MANOS A LA OBRA
• En la página “Montos”, cree:
– Un gráfico circular con los totales de ventas (Sales Amount) por país (Country).
– Un gráfico de dispersión entre el total de ventas (Sales Amount) y el precio por unidad (Unit Price).
– Un gráfico de líneas con el total de ventas (Sales Amount) por año fiscal (Fiscal Year), con la
subcategoría (Subcategory) en la leyenda.
• En la página “Unidades”, cree:
– Un gráfico circular con las unidades vendidas (Order Quantity) por país (Country).
– Un gráfico de dispersión entre el total de unidades vendidas (Order Quantity) y el precio por unidad
(Unit Price).
– Un gráfico de líneas con el total de unidades vendidas (Order Quantity) por año fiscal (Fiscal Year),
con la subcategoría (Subcategory) en la leyenda.
• Observe si ha cambiado el producto más vendido en la categoría “Components”
en “North America” a lo largo del tiempo.
 MAPA
• Permite mostrar los
valores de una variable
agregada según
criterios geográficos.
• Necesita una medida
de ubicación.
 MAPA
1. Tipos de mapa: “mapa”, “mapa
coroplético” (permite usar
mapas personalizados).
2. Variables de ubicación:
dependiendo de los datos, esta 1
puede ser una columna con un
nombre completo de una
ubicación, o una combinación
de latitud y longitud. 2

3. Leyenda: opcional, para

3
asignar colores diferentes a las
burbujas por territorio.
2
4. Tamaño de burbuja: variable
cuantitativa que define el
tamaño de la burbuja de datos 4
para los territorios analizados.
ELEMENTOS INFLUYENTES
CLAVE
• Tarjeta de análisis
rápido, que
permite hallar
factores clave en
los valores de una
variable
cuantitativa
agregada.
 ELEMENTOS INFLUYENTES
CLAVE 4

1. Visualización tipo
“elementos influyentes
clave”.
2. Analizar: acá va el indicador
que quiero analizar.
3. Explicar por: la variable
cualitativa que quiero 1
utilizar para analizar 4
cambios en mi indicador.
4. Campo desplegable: 2
permite seleccionar entre
3
aumentos o disminuciones
en la variable analizada.
 MANOS A LA OBRA
• En una nueva página denominada “Mapa”, cree un mapa
donde la “Ubicación” corresponda al país (Country) donde
se ejecuta una venta, y el tamaño de burbuja corresponda al
total de unidades vendidas (Order Quantity).
• Utilizando una visualización de elementos influyentes clave,
en una nueva página denominada “Elementos”, determine
cuáles son las subcategorías (Subcategory) asociadas a un
mayor o un menor monto de ventas (Sales Amount).
MANOS A LA OBRA