Lección 12 de 26Gráficos y Tablas

Tipos de gráficos: Cuándo usar cada uno

Guía completa para elegir el gráfico correcto según el tipo de dato.

15 minutos

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

  1. Insert > Time series chart
  2. Dimension: Campo de fecha
  3. Metric: Valor a medir
  4. 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

  1. Insert > Bar chart (vertical) o Insert > Horizontal bars
  2. Dimension: Categoria a comparar
  3. Metric: Valor a medir
  4. 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

  1. Insert > Pie chart
  2. Dimension: Categoria
  3. Metric: Valor (suma 100%)
  4. Style > Donut: Activar si deseas centro vacio
  5. 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:

  1. Crear dimension de rangos en tu fuente de datos
  2. Insert > Bar chart
  3. Dimension: Rangos creados
  4. 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

  1. Insert > Geo chart
  2. Geo dimension: Pais, region, ciudad o lat/long
  3. Metric: Valor a visualizar
  4. 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

  1. Insert > Scorecard
  2. Metric: KPI principal
  3. Comparison:
    • Comparison date range: Periodo anterior
    • Show: Percent change o Absolute change
  4. 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

  1. Selecciona el tipo desde el menu Insert
  2. Configura Data:
    • Data source
    • Dimension(s)
    • Metric(s)
    • Filtros si necesario
  3. Configura Style:
    • Colores
    • Fuentes
    • Leyenda
    • Ejes
  4. 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.