Lección 13 de 28Leer Visualizaciones

Tipos de gráficos y cuándo se usan

Barras, líneas, pie charts, scatter plots y más.

15 minutos

Elegir el grafico incorrecto es como hablar el idioma equivocado: puedes tener informacion valiosa, pero tu audiencia no la entendera.

En esta leccion, aprenderemos los tipos de graficos mas comunes en el contexto empresarial, cuando usar cada uno, y como identificar si un grafico esta siendo usado correctamente.

Por que importa la eleccion del grafico

Un grafico tiene un unico proposito: comunicar informacion de manera mas clara que una tabla de numeros.

Si el grafico no logra esto, esta fallando en su funcion.

El impacto de la eleccion correcta

Grafico correcto Grafico incorrecto
El mensaje es inmediato Requiere estudio para entender
La conclusion es obvia La conclusion es confusa
Genera confianza en los datos Genera dudas sobre los datos
Facilita la decision Retrasa la decision

Los 6 tipos de graficos esenciales

1. Grafico de barras (Bar Chart)

Que muestra: Comparaciones entre categorias

Cuando usarlo:

  • Comparar valores entre grupos discretos
  • Mostrar rankings
  • Presentar resultados por categoria

Variantes:

  • Barras verticales: Para pocas categorias (menos de 10)
  • Barras horizontales: Para muchas categorias o nombres largos
  • Barras agrupadas: Para comparar subcategorias
  • Barras apiladas: Para mostrar composicion Y totales

Ejemplos de uso correcto:

  • Ventas por region
  • Satisfaccion por departamento
  • Leads generados por canal de marketing

Descripcion visual: Imagina un grafico con barras verticales. Cada barra representa una region: Norte, Centro, Sur, Este, Oeste. La altura de cada barra corresponde a las ventas en millones. La barra del Norte es la mas alta (10M), seguida por Centro (8M), Sur (6M), Este (5M) y Oeste (4M). El mensaje es claro: Norte lidera en ventas.

Errores comunes:

  • Usar para datos continuos en el tiempo (usar lineas en su lugar)
  • Demasiadas categorias (el grafico se vuelve ilegible)
  • No ordenar las barras de manera logica

Checklist para graficos de barras:

  • Las categorias son discretas (no continuas)?
  • Hay menos de 15 categorias?
  • El eje Y comienza en cero?
  • Las barras estan ordenadas logicamente?

2. Grafico de lineas (Line Chart)

Que muestra: Tendencias y cambios a lo largo del tiempo

Cuando usarlo:

  • Datos que evolucionan en el tiempo
  • Identificar tendencias, estacionalidad, ciclos
  • Comparar multiples series temporales

Variantes:

  • Linea simple: Una metrica en el tiempo
  • Lineas multiples: Comparar varias metricas o grupos
  • Area: Para enfatizar el volumen total

Ejemplos de uso correcto:

  • Ingresos mensuales durante 2 años
  • Trafico web por semana
  • Evolucion de NPS trimestral
  • Comparar ventas de 3 productos mes a mes

Descripcion visual: Imagina un grafico con el eje X mostrando meses (Ene-Dic) y el eje Y mostrando usuarios activos. La linea comienza en 10,000 en enero, sube gradualmente hasta 25,000 en agosto (temporada alta), baja a 18,000 en octubre, y sube ligeramente a 22,000 en diciembre. La tendencia general es ascendente con un pico estacional en verano.

Errores comunes:

  • Usar para datos no secuenciales
  • Conectar puntos que no tienen continuidad logica
  • Demasiadas lineas que se vuelven imposibles de distinguir

Checklist para graficos de lineas:

  • Los datos representan una secuencia temporal?
  • Hay suficientes puntos para mostrar una tendencia?
  • Si hay multiples lineas, puedes distinguirlas claramente?
  • El intervalo de tiempo es consistente?

3. Grafico circular (Pie Chart)

Que muestra: Composicion de un todo (partes del 100%)

Cuando usarlo:

  • Mostrar como se distribuye un total
  • Maximo 5-6 categorias
  • Cuando las proporciones son muy diferentes

Cuando NO usarlo (importante):

  • Comparar valores entre grupos
  • Mostrar cambios en el tiempo
  • Cuando las categorias son similares en tamaño
  • Cuando hay mas de 6 categorias

Ejemplos de uso correcto:

  • Distribucion del presupuesto por departamento
  • Market share (si hay pocos competidores)
  • Composicion de ingresos por linea de producto

Descripcion visual: Un circulo dividido en 4 secciones. La seccion mas grande (50%) representa "Producto A" en azul. La segunda seccion (25%) muestra "Producto B" en verde. Las dos secciones restantes muestran "Producto C" (15%) y "Otros" (10%). Es facil ver que Producto A es la mitad del negocio.

Errores comunes:

  • Usar con demasiadas categorias (se vuelve ilegible)
  • Comparar dos pie charts entre si
  • Usar 3D (distorsiona las proporciones)
  • Mostrar valores muy similares (dificil distinguir)

Regla practica: Si dudas, usa un grafico de barras. Son casi siempre mas claros que los pie charts.

Checklist para graficos circulares:

  • Estamos mostrando partes de un todo?
  • Hay 6 o menos categorias?
  • Las proporciones son suficientemente diferentes para distinguirse?
  • Es 2D (no 3D)?

4. Grafico de dispersion (Scatter Plot)

Que muestra: Relacion entre dos variables numericas

Cuando usarlo:

  • Explorar si dos variables estan relacionadas
  • Identificar patrones, clusters o outliers
  • Visualizar correlaciones

Ejemplos de uso correcto:

  • Relacion entre inversion en marketing y ventas
  • Correlacion entre satisfaccion y retencion
  • Precio vs demanda
  • Antiguedad vs salario

Descripcion visual: Un grafico con el eje X mostrando "Gasto en publicidad" y el eje Y mostrando "Ventas". Cada punto representa un mes. Los puntos forman un patron diagonal ascendente de izquierda a derecha, sugiriendo que mayor gasto en publicidad se asocia con mayores ventas. Hay un punto alejado del grupo principal (outlier) que podria ser un mes anomalo.

Conceptos clave a observar:

Patron Interpretacion
Puntos en diagonal ascendente Correlacion positiva
Puntos en diagonal descendente Correlacion negativa
Puntos dispersos sin patron Sin correlacion
Grupos separados de puntos Clusters o segmentos
Puntos muy alejados Outliers (investigar)

Errores comunes:

  • Concluir causalidad solo por correlacion visual
  • Ignorar outliers importantes
  • No considerar que puede haber variables ocultas

Checklist para scatter plots:

  • Ambas variables son numericas/continuas?
  • El proposito es explorar relaciones?
  • Hay suficientes puntos para ver un patron?
  • He identificado y etiquetado outliers importantes?

5. Grafico de barras apiladas (Stacked Bar)

Que muestra: Composicion Y comparacion entre categorias

Cuando usarlo:

  • Comparar totales Y su composicion
  • Mostrar como categorias contribuyen al total
  • Analizar cambios en composicion a lo largo del tiempo

Variantes:

  • Apilado absoluto: Barras de diferentes alturas (muestra total y composicion)
  • Apilado 100%: Todas las barras tienen la misma altura (solo composicion)

Ejemplos de uso correcto:

  • Ingresos por region, divididos por producto
  • Headcount por departamento, dividido por nivel
  • Presupuesto mensual por categoria de gasto

Descripcion visual: Tres barras verticales representando Q1, Q2, Q3. Cada barra esta dividida en tres colores: azul (Producto A), verde (Producto B), naranja (Producto C). La barra de Q3 es la mas alta, mostrando mayor ingreso total. Dentro de cada barra, se ve como Producto A (azul) domina, pero Producto B (verde) crece proporcionalmente de Q1 a Q3.

Errores comunes:

  • Demasiadas subcategorias (imposible distinguir colores)
  • No ordenar las subcategorias consistentemente
  • Usar cuando solo importa la composicion (mejor usar 100% apilado)

Checklist para barras apiladas:

  • Queremos ver tanto totales como composicion?
  • Hay 5 o menos subcategorias?
  • El orden de los colores es consistente en todas las barras?
  • Si solo importa la composicion, usamos 100% apilado?

6. Grafico de tabla/heatmap

Que muestra: Valores en una matriz bidimensional con color como indicador

Cuando usarlo:

  • Mostrar patrones en datos tabulares
  • Identificar rapidamente valores altos/bajos
  • Analizar matrices de correlacion
  • Calendarios con intensidad

Ejemplos de uso correcto:

  • Ventas por producto (filas) y region (columnas)
  • Actividad de usuarios por dia de semana y hora
  • Matriz de correlacion entre variables
  • Mapa de calor de clicks en una pagina web

Descripcion visual: Una tabla de 7 columnas (dias de la semana) y 24 filas (horas del dia). Cada celda tiene un color que va del blanco (poca actividad) al rojo intenso (mucha actividad). Se ve claramente un patron: las celdas mas rojas estan entre 10am-2pm y 7pm-9pm, indicando picos de actividad de usuarios.

Errores comunes:

  • Escala de color no intuitiva
  • Demasiadas categorias que hacen el heatmap gigante
  • No incluir los valores numericos cuando son importantes

Checklist para heatmaps:

  • Los datos tienen dos dimensiones naturales?
  • El patron de color es intuitivo (mas intenso = mas)?
  • Las etiquetas son legibles?
  • Se incluyen numeros si la precision es importante?

Guia rapida: Que grafico usar

Quiero mostrar... Usar...
Comparacion entre categorias Barras
Evolucion en el tiempo Lineas
Partes de un todo Pie (max 6 partes) o Barras apiladas
Relacion entre dos variables Scatter plot
Composicion + comparacion Barras apiladas
Patrones en matriz Heatmap
Rankings Barras horizontales ordenadas
Distribucion de valores Histograma

Preguntas antes de elegir un grafico

Hazte estas preguntas antes de decidir que tipo de grafico usar:

  1. Cual es el mensaje principal? El grafico debe resaltarlo de inmediato.

  2. Que tipo de datos tengo?

    • Categoricos (regiones, productos) vs Numericos (ventas, tiempo)
    • Discretos vs Continuos
  3. Cuantos elementos voy a mostrar?

    • Pocos (menos de 7): Mas opciones
    • Muchos (mas de 15): Agrupa o filtra
  4. Hay una dimension temporal?

    • Si: Considera graficos de lineas
    • No: Considera barras
  5. Quiero mostrar composicion?

    • Total + partes: Barras apiladas
    • Solo partes: Pie chart (si son pocas) o 100% apilado

Errores universales a evitar

Independientemente del tipo de grafico:

  1. Grafico 3D: Distorsiona las proporciones. Siempre usar 2D.

  2. Demasiada decoracion: Elimina elementos que no añaden informacion.

  3. Leyendas lejos del grafico: Dificil conectar colores con etiquetas.

  4. Eje Y que no empieza en cero (en barras): Exagera diferencias.

  5. Demasiados colores: Usar maximo 5-6 colores distinguibles.

  6. Falta de titulo o etiquetas: El grafico debe ser autoexplicativo.

Ejercicio practico

Para cada situacion, elige el tipo de grafico mas apropiado:

  1. Mostrar las ventas de los ultimos 24 meses y como evolucionaron

  2. Comparar el NPS de 8 departamentos diferentes

  3. Analizar si hay relacion entre horas de capacitacion y productividad

  4. Mostrar como se distribuye el presupuesto de marketing entre 4 canales

  5. Ver las ventas por producto (10 productos) y por region (5 regiones)

Respuestas al final del quiz.

Puntos clave de esta leccion

  • El grafico correcto hace que el mensaje sea inmediatamente claro
  • Barras para comparar, lineas para tiempo, scatter para relaciones
  • Los pie charts rara vez son la mejor opcion (maximo 6 categorias)
  • Evita 3D, exceso de decoracion y ejes que no empiezan en cero
  • Preguntate siempre: cual es el mensaje principal que quiero comunicar?

Proxima leccion

En la siguiente leccion aprenderemos como leer graficos correctamente: tecnicas para extraer insights de manera rapida y precisa, y evitar conclusiones erroneas.


Quiz de comprension

  1. Por que los graficos de lineas son mejores que los de barras para datos temporales?
  2. Cuando es apropiado usar un pie chart y cuando no?
  3. Que informacion puedes extraer de un scatter plot?
  4. Por que los graficos 3D son problematicos?

Respuestas del ejercicio:

  1. Grafico de lineas
  2. Grafico de barras (horizontales si los nombres son largos)
  3. Scatter plot
  4. Pie chart o barras
  5. Heatmap o tabla con formato condicional

Completaste esta leccion?

Marca esta leccion como completada. Tu progreso se guardara en tu navegador.