Tipos de gráficos: Cuándo usar cada uno
Guía completa para elegir el gráfico correcto según el tipo de dato.
Elegir el grafico equivocado puede distorsionar tu mensaje o confundir a tu audiencia. En esta leccion aprenderas a seleccionar el tipo de grafico correcto para cada situacion, con ejemplos practicos de Looker Studio.
La pregunta fundamental
Antes de crear cualquier grafico, preguntate:
"¿Que quiero que mi audiencia entienda?"
La respuesta determina el tipo de grafico:
| Si quieres mostrar... | Usa... |
|---|---|
| Cambio en el tiempo | Grafico de lineas |
| Comparacion entre categorias | Grafico de barras |
| Partes de un todo | Grafico de pie/donut |
| Distribucion de datos | Histograma |
| Datos geograficos | Mapa |
| Un valor unico importante | Scorecard |
| Relacion entre variables | Scatter plot |
Graficos de lineas: Tendencias temporales
Cuando usarlo
El grafico de lineas es ideal para mostrar como cambia un valor a lo largo del tiempo.
Ideal para:
┌─────────────────────────────────────┐
│ • Ventas mensuales │
│ • Trafico diario al sitio web │
│ • Evolucion de metricas │
│ • Comparar tendencias multiples │
└─────────────────────────────────────┘
Anatomia del grafico de lineas
Ventas Mensuales 2024 ($K)
150│ ┌───
│ ─────┘
100│ ────┘
│ ─────
50│─────
│
0└───────────────────────────────→
Ene Feb Mar Abr May Jun
Componentes:
- Eje Y: Valores (siempre incluir unidades)
- Eje X: Tiempo (orden cronologico)
- Linea: Tendencia (conecta puntos de datos)
Configuracion en Looker Studio
- Insert > Time series chart
- Dimension: Campo de fecha
- Metric: Valor a medir
- Style options:
- Line thickness: 2-3px
- Show points: Si para pocos datos
- Smooth line: Si para tendencias generales
Mejores practicas
Empezar el eje Y en cero (generalmente):
CORRECTO: ENGANOSO:
│ │
150 │ ─────── 150 │
│ ──── │ ───────
100 │── 145 │ ────
│ │──
50 │ 140 │
│ │
0 └───────── 135 └─────────
El segundo exagera una variacion minima
Limitar lineas a 4-5 maximo:
LEGIBLE: ILEGIBLE:
│ ── Serie 1 │ Espagueti de
│ ── Serie 2 │ 10 lineas que
│ ── Serie 3 │ nadie puede
└───────── │ distinguir
└─────────
Errores comunes
| Error | Problema | Solucion |
|---|---|---|
| Eje Y truncado | Exagera cambios pequenos | Empezar en 0 o indicar claramente |
| Demasiadas lineas | Imposible distinguir | Maximo 5 series, usar filtros |
| Intervalos irregulares | Distorsiona tendencia | Mantener intervalos consistentes |
| Sin contexto | Datos sin significado | Agregar lineas de referencia/metas |
Graficos de barras: Comparaciones
Cuando usarlo
Ideal para comparar valores entre categorias discretas.
Ideal para:
┌─────────────────────────────────────┐
│ • Ventas por region │
│ • Rendimiento por producto │
│ • Ranking de items │
│ • Comparacion presupuesto vs real │
└─────────────────────────────────────┘
Barras verticales vs horizontales
Verticales (columnas): Para pocas categorias con etiquetas cortas
Ventas por Trimestre
████
████ ████
████ ████ ████
████ ████ ████ ████
─────────────────────
Q1 Q2 Q3 Q4
Horizontales: Para muchas categorias o etiquetas largas
Ventas por Producto
Producto A ████████████████████
Producto B ████████████████
Producto C ██████████████
Producto D ██████████
Producto E ████████
Configuracion en Looker Studio
- Insert > Bar chart (vertical) o Insert > Horizontal bars
- Dimension: Categoria a comparar
- Metric: Valor a medir
- Sort: Por metrica descendente (generalmente)
Barras agrupadas vs apiladas
Agrupadas: Para comparar valores individuales
Ventas por Region y Producto
┌──┐
┌──┐ │ │ ┌──┐
│A │ │A │ │A │
│ │ │ │ │ │┌──┐
│ │ │ │ │ ││B │
└──┘ └──┘ └──┘└──┘
Norte Sur Este Oeste
Apiladas: Para mostrar composicion
Ventas Totales por Region (composicion)
Norte ████████████████████████
[ A ][ B ][ C ]
Sur ██████████████████
[ A ][ B ][ C ]
Este ████████████████████████████
[ A ][ B ][ C ]
Errores comunes
| Error | Problema | Solucion |
|---|---|---|
| Barras 3D | Distorsiona proporcion | Usar barras 2D simples |
| Sin ordenar | Dificil comparar | Ordenar por valor |
| Colores aleatorios | No comunican nada | Usar color con proposito |
| Etiquetas rotadas 45° | Dificil leer | Usar barras horizontales |
Graficos de pie y donut: Proporciones
Cuando usarlo (con cuidado)
El grafico de pie muestra partes de un todo cuando la suma es 100%.
Apropiado:
┌─────────────────────────────────────┐
│ • Participacion de mercado │
│ • Distribucion de presupuesto │
│ • Composicion de audiencia │
│ • 2-5 categorias solamente │
└─────────────────────────────────────┘
NO apropiado:
┌─────────────────────────────────────┐
│ • Mas de 5-6 categorias │
│ • Valores que no suman 100% │
│ • Comparacion entre periodos │
│ • Cuando diferencias son pequenas │
└─────────────────────────────────────┘
Por que los pies son problematicos
El ojo humano no es bueno comparando angulos:
¿Cual es mas grande, A o B?
┌────────────┐
/ \ /│
/ A \ / │
/ \ / │
\ B / \ │
\ / \ │
\ / \│
└────────────┘
Dificil decir sin etiquetas numeros
Cuando pie SI funciona
Composicion simple (3 categorias):
████████
██ ██
█ Web █
█ 45% █
█ █
█ Mobile █
██ 35% ██
████████
↑
Otros
20%
Donut como alternativa
El donut permite agregar informacion en el centro:
████████
██ ██
█ █
█ TOTAL █
█ $1.2M █
█ █
██ ██
████████
Configuracion en Looker Studio
- Insert > Pie chart
- Dimension: Categoria
- Metric: Valor (suma 100%)
- Style > Donut: Activar si deseas centro vacio
- Labels: Mostrar valor y porcentaje
Alternativa: Grafico de barras al 100%
Cuando necesitas comparar proporciones entre grupos:
Distribucion de Ingresos por Region
Norte [█████████│██████│███] 100%
[ Web │Mobile│App]
Sur [██████████████│████│█] 100%
[ Web │Mob│A]
0% 50% 100%
Histogramas: Distribucion de datos
Cuando usarlo
Para entender como se distribuyen los valores en un conjunto de datos.
Ideal para:
┌─────────────────────────────────────┐
│ • Distribucion de edades │
│ • Rangos de precios │
│ • Tiempos de respuesta │
│ • Montos de transaccion │
└─────────────────────────────────────┘
Ejemplo visual
Distribucion de Montos de Compra
Frecuencia
│
150 │ ████
│ ████████
100 │ ████████████
│ ██████████████████
50 │████████████████████████
│██████████████████████████████
0 └────────────────────────────────→
$0 $50 $100 $150 $200 $250 Monto
Insight: La mayoria compra entre $50-$150
Configuracion en Looker Studio
Looker Studio no tiene histograma nativo, pero puedes crearlo:
- Crear dimension de rangos en tu fuente de datos
- Insert > Bar chart
- Dimension: Rangos creados
- Metric: Conteo
Mapas: Datos geograficos
Cuando usarlo
Cuando la ubicacion geografica es relevante para el analisis.
Ideal para:
┌─────────────────────────────────────┐
│ • Ventas por pais/region │
│ • Densidad de clientes │
│ • Rendimiento por territorio │
│ • Expansion de mercado │
└─────────────────────────────────────┘
Tipos de mapas en Looker Studio
Mapa coropleta (filled): Color por region
┌────────────────────────────────┐
│ ░░░░░░░░ │
│ ░░░░░░░░░░░░ ████ │
│ ░░░░░░░░░░░░░ ████████ │
│ ░░░░░░░░░░░░░░░░██████ │
│ ░░░░░░░░░░░░░░░░████ │
│ │
│ ░ Bajo ▒ Medio █ Alto │
└────────────────────────────────┘
Mapa de burbujas: Tamano por valor
┌────────────────────────────────┐
│ ○ │
│ ○ ● │
│ ○ ◉ ○ │
│ ○ ○ │
│ │
│ ○ = Ubicacion, tamano = valor │
└────────────────────────────────┘
Configuracion en Looker Studio
- Insert > Geo chart
- Geo dimension: Pais, region, ciudad o lat/long
- Metric: Valor a visualizar
- Style:
- Map type: Filled o Bubble
- Color scale: Secuencial para valores
Scorecards: KPIs destacados
Cuando usarlo
Para mostrar un unico valor importante de manera prominente.
Ideal para:
┌─────────────────────────────────────┐
│ • Metricas principales (KPIs) │
│ • Valores con comparacion │
│ • Numeros que requieren atencion │
│ • Resumen ejecutivo │
└─────────────────────────────────────┘
Anatomia del scorecard
┌─────────────────────────────────────┐
│ │
│ $1.2M │ ← Valor principal
│ ▲ +15% │ ← Comparacion
│ │
│ Ingresos Totales │ ← Etiqueta
│ vs. mes anterior │ ← Contexto
│ │
└─────────────────────────────────────┘
Configuracion en Looker Studio
- Insert > Scorecard
- Metric: KPI principal
- Comparison:
- Comparison date range: Periodo anterior
- Show: Percent change o Absolute change
- Style:
- Positive change: Verde
- Negative change: Rojo
- Compact numbers: Activar para M/K
Tabla de decision rapida
Usa esta tabla cuando no estes seguro que grafico elegir:
| Pregunta de analisis | Tipo de grafico | Ejemplo |
|---|---|---|
| ¿Como cambio X en el tiempo? | Lineas | Ventas mensuales |
| ¿Cual es mas grande? | Barras | Ventas por region |
| ¿Cual es la proporcion? | Pie/Donut | Market share |
| ¿Como se distribuye? | Histograma | Rangos de precio |
| ¿Donde geograficamente? | Mapa | Clientes por pais |
| ¿Cual es el numero clave? | Scorecard | Revenue total |
| ¿Hay correlacion? | Scatter | Precio vs ventas |
| ¿Como progresa un proceso? | Funnel | Conversion funnel |
Configuracion general en Looker Studio
Pasos para cualquier grafico
- Selecciona el tipo desde el menu Insert
- Configura Data:
- Data source
- Dimension(s)
- Metric(s)
- Filtros si necesario
- Configura Style:
- Colores
- Fuentes
- Leyenda
- Ejes
- Agrega contexto:
- Titulo descriptivo
- Lineas de referencia
- Tooltips informativos
Tips de configuracion
| Elemento | Recomendacion |
|---|---|
| Titulo | Describe el insight, no solo los datos |
| Leyenda | Solo si hay multiples series |
| Grid lines | Minimas, solo las necesarias |
| Data labels | Solo si agregan claridad |
| Tooltips | Siempre habilitados para detalle on-demand |
Puntos clave
La pregunta "¿que quiero que entiendan?" determina el tipo de grafico correcto
Lineas para tendencias temporales; limita a 4-5 series maximo
Barras para comparaciones; ordena por valor y considera horizontales para muchas categorias
Pie/Donut solo para proporciones simples (2-5 categorias que suman 100%); usa barras apiladas como alternativa
Mapas cuando la geografia es relevante; elige entre filled (densidad) y bubble (puntos)
Scorecards para KPIs individuales prominentes; incluye comparacion y contexto
Evita graficos 3D, efectos decorativos, y configuraciones que distorsionan la percepcion de los datos
En la siguiente leccion aprenderemos a crear tablas y scorecards efectivos con formato condicional.
¿Completaste esta lección?
Marca esta lección como completada. Tu progreso se guardará en tu navegador.