Gráficos avanzados y mapas
Usa mapas geográficos y visualizaciones avanzadas.
Mas alla de los graficos basicos, Looker Studio ofrece visualizaciones avanzadas para casos de uso especificos. En esta leccion aprenderas cuando y como usar mapas geograficos, treemaps, bullet charts y graficos combinados.
Mapas geograficos
Cuando usar mapas
Los mapas son efectivos cuando la ubicacion geografica importa para el analisis:
Usa mapas cuando:
┌─────────────────────────────────────────────────┐
│ • Distribucion geografica de ventas/clientes │
│ • Comparacion de rendimiento por region │
│ • Identificacion de oportunidades territoriales│
│ • Patrones de expansion o cobertura │
└─────────────────────────────────────────────────┘
NO uses mapas cuando:
┌─────────────────────────────────────────────────┐
│ • La geografia es irrelevante │
│ • Solo tienes pocas regiones (usa barras) │
│ • Necesitas precision en comparaciones │
│ • Los datos no tienen componente espacial │
└─────────────────────────────────────────────────┘
Tipos de mapas en Looker Studio
1. Mapa de coropletas (Filled Map):
Regiones coloreadas segun valor. Ideal para densidad o comparacion regional.
┌────────────────────────────────────────────────────┐
│ │
│ ░░░░░░░░░ │
│ ░░░░░░░░░░░░░ ▓▓▓▓▓▓ │
│ ░░░░░░░░░░░░░░ ▓▓▓▓▓▓▓▓ │
│ ░░░░░░░░░░░░░░░░▓▓▓▓▓▓▓ │
│ ░░░░░░░░░░░░░░░░▓▓▓▓▓ │
│ ░░░░░░░░░░░░░░░ │
│ │
│ Leyenda: ░ Bajo ▒ Medio ▓ Alto │
│ │
│ Insight: Costa Este tiene mayor concentracion │
└────────────────────────────────────────────────────┘
2. Mapa de burbujas (Bubble Map):
Circulos posicionados con tamano proporcional al valor. Ideal para puntos especificos.
┌────────────────────────────────────────────────────┐
│ │
│ ○ Seattle │
│ ○ Chicago │
│ ○ San Francisco ◉ New York │
│ │
│ ◯ Los Angeles ○ Atlanta │
│ │
│ ○ Houston │
│ │
│ Tamano = Volumen de ventas │
└────────────────────────────────────────────────────┘
Requisitos de datos geograficos
Para que Looker Studio reconozca ubicaciones, necesitas:
| Tipo de dato | Formato aceptado | Ejemplo |
|---|---|---|
| Pais | Nombre o codigo ISO | "Mexico" o "MX" |
| Estado/Provincia | Nombre completo | "California" |
| Ciudad | Nombre | "Ciudad de Mexico" |
| Codigo postal | Formato local | "06600" |
| Coordenadas | Lat, Long | "19.4326, -99.1332" |
Configurando mapas en Looker Studio
- Insert > Geo chart
- Data configuration:
GEO CHART CONFIGURATION
─────────────────────────────────────────
Geo dimension:
├── Campo con datos geograficos
└── Tipo: Country / Region / City / Lat-Long
Metric:
└── Valor a visualizar (ventas, clientes, etc.)
Optional:
├── Size dimension (para bubble)
└── Color dimension (para segmentar)
Style:
├── Map type: Filled / Bubble
├── Zoom level: Ajustar al area de datos
├── Max bubbles: 1000 (default)
└── Color scale: Sequential (bajo->alto)
Mejores practicas para mapas
1. Normaliza los datos:
PROBLEMATICO: CORRECTO:
Pais │ Ventas Pais │ Ventas/Capita
────────────────────── ─────────────────────────
USA │ $10M USA │ $30.30
Mexico │ $2M Mexico │ $15.38
Canada │ $1.5M Canada │ $39.47
Paises grandes siempre "ganan" Comparacion justa
2. Usa escalas apropiadas:
- Secuencial: Para valores de 0 a max (ventas, poblacion)
- Divergente: Para valores con punto medio (% cambio, +/-)
3. Considera limitaciones:
- Regiones pequenas son dificiles de ver
- Colores muy similares son dificiles de distinguir
- Mapas de paises no muestran bien datos de ciudades
Treemaps: Jerarquias y proporciones
Cuando usar treemaps
El treemap muestra proporcion jerarquica usando rectangulos anidados.
Ideal para:
┌─────────────────────────────────────────────────┐
│ • Composicion de portfolio/presupuesto │
│ • Distribucion jerarquica (categoria>producto) │
│ • Comparar proporciones de muchas categorias │
│ • Identificar donde esta concentrado el valor │
└─────────────────────────────────────────────────┘
Anatomia del treemap
Ventas por Categoria y Producto
┌─────────────────────────────────────────────────────────┐
│ │
│ ┌───────────────────────┬─────────────────┬──────────┐│
│ │ │ │ ││
│ │ TECNOLOGIA │ MUEBLES │ OFICINA ││
│ │ $450K │ $280K │ $170K ││
│ │ │ │ ││
│ │ ┌───────┬─────────┐ │ ┌─────┬──────┐│ ┌──┬───┐ ││
│ │ │Laptop │ Monitor │ │ │Silla│Escrit││ │Pap│Bol│ ││
│ │ │ $200K │ $150K │ │ │$180K│ $100K││ │$90│$80│ ││
│ │ ├───────┼─────────┤ │ └─────┴──────┘│ └──┴───┘ ││
│ │ │Mouse │ Teclado │ │ │ ││
│ │ │ $60K │ $40K │ │ │ ││
│ │ └───────┴─────────┘ │ │ ││
│ └───────────────────────┴─────────────────┴──────────┘│
│ │
└─────────────────────────────────────────────────────────┘
El area de cada rectangulo es proporcional a su valor.
Configurando treemaps en Looker Studio
- Insert > Treemap
- Data configuration:
TREEMAP CONFIGURATION
─────────────────────────────────────────
Dimensions (jerarquia):
├── Nivel 1: Categoria
├── Nivel 2: Subcategoria (opcional)
└── Nivel 3: Producto (opcional)
Metric:
└── Valor que determina tamano (ventas, unidades)
Color Metric (opcional):
└── Valor para colorear (margen, crecimiento)
Style:
├── Show labels: Always / On hover
├── Max depth: Niveles a mostrar
└── Color scale: Basado en color metric
Errores comunes con treemaps
| Error | Problema | Solucion |
|---|---|---|
| Demasiados rectangulos | Imposible leer | Limitar a 20-30 elementos |
| Sin jerarquia | Pierde proposito | Usar al menos 2 niveles |
| Labels muy largos | Se cortan | Mostrar en tooltip |
| Color sin significado | Confunde | Usar color para segunda metrica |
Bullet charts: Progreso hacia metas
Cuando usar bullet charts
El bullet chart compara un valor actual contra una meta de manera compacta.
Ideal para:
┌─────────────────────────────────────────────────┐
│ • Progreso hacia objetivos de ventas │
│ • Comparacion presupuesto vs real │
│ • KPIs con targets definidos │
│ • Multiples metricas con metas en poco espacio │
└─────────────────────────────────────────────────┘
Anatomia del bullet chart
Ventas Q4 2024
Meta
↓
░░░░░░░░░░▓▓▓▓▓▓▓▓│▓▓▓▓████████████
|_________|_______|________________|
Pobre Bueno Excelente
↑
Actual: $1.2M
Componentes:
- Barra principal: Valor actual
- Linea vertical: Meta/objetivo
- Rangos de fondo: Zonas de rendimiento
Creando bullet charts en Looker Studio
Looker Studio no tiene bullet chart nativo, pero puedes crearlo:
Opcion 1: Grafico de barras con referencia
1. Insert > Bar chart
2. Metric: Valor actual
3. Style > Reference lines > Add
4. Reference line: Meta (valor fijo)
Opcion 2: Combinar con Community Visualizations
- Explorar galeria de visualizaciones de comunidad
- Buscar "Bullet chart"
- Agregar al reporte
Alternativa: Gauge chart
┌─────────────────────────────────────┐
│ │
│ 75% │
│ ┌──────┐ │
│ / \ │
│ / ▲ \ │
│ / \ │
│ ░░░░▓▓▓▓▓▓▓███ │
│ | | | | │
│ 0 50 75 100 │
│ │
│ Cumplimiento de Meta │
└─────────────────────────────────────┘
Graficos combinados (Combo charts)
Cuando usar combo charts
Para mostrar dos metricas relacionadas con diferentes escalas en el mismo grafico.
Ideal para:
┌─────────────────────────────────────────────────┐
│ • Ventas (volumen) + Margen (porcentaje) │
│ • Ingresos (absoluto) + Crecimiento (%) │
│ • Trafico (numero) + Conversion (tasa) │
│ • Cantidad + Precio promedio │
└─────────────────────────────────────────────────┘
Anatomia del combo chart
Ventas y Margen por Mes
Margen %
Ventas ($K) │
│ 40% ─┤ ─────
300 ┤ ████ │ /
│ ████ ████ ████ 30% ─┤──/
200 ┤ ████ ████ ████ ████ │ /
│ ████ ████ ████ ████ ████ 20% ─┤/
100 ┤ ████ ████ ████ ████ ████ │
│ ████ ████ ████ ████ ████ 10% ─┤
0 └────────────────────────────── │
Ene Feb Mar Abr May
█ Ventas (barras, eje izquierdo)
─ Margen (linea, eje derecho)
Configurando combo charts en Looker Studio
- Insert > Combo chart
- Data configuration:
COMBO CHART CONFIGURATION
─────────────────────────────────────────
Dimension:
└── Fecha o categoria (eje X)
Metrics:
├── Metric 1: Ventas (barras)
└── Metric 2: Margen % (linea)
Style:
├── Series 1 type: Bars
├── Series 1 axis: Left
├── Series 2 type: Line
├── Series 2 axis: Right
└── Show data labels: On
Axes:
├── Left Y axis: 0 to max ventas
└── Right Y axis: 0% to 100%
Mejores practicas para combo charts
1. Limita a 2 metricas:
BIEN: MAL:
Ventas + Margen Ventas + Margen + Costos +
Unidades + Descuentos
(facil de leer) (imposible de seguir)
2. Usa tipos de grafico diferentes:
BIEN: MAL:
Barras + Linea Linea + Linea
(visualmente distintos) (confuso cual es cual)
3. Ejes con escalas apropiadas:
- Eje izquierdo: Valores absolutos (ventas en $)
- Eje derecho: Porcentajes o ratios
Limitaciones de graficos personalizados
Community Visualizations
Looker Studio permite agregar graficos de la comunidad:
Ventajas:
- Acceso a tipos de graficos no nativos
- Funcionalidad extendida
- Continuamente actualizado por la comunidad
Limitaciones:
- Pueden ser mas lentos
- Menos control de estilo
- Dependencia de terceros
- No todos soportan todas las funciones
Graficos disponibles en la galeria
| Tipo | Uso | Disponibilidad |
|---|---|---|
| Sankey | Flujos y conversiones | Community |
| Sunburst | Jerarquias radiales | Community |
| Word cloud | Frecuencia de terminos | Community |
| Waterfall | Contribucion a cambios | Community |
| Radar | Comparacion multicriterio | Community |
| Box plot | Distribucion estadistica | Community |
Como agregar Community Visualizations
- Insert > Community visualizations
- Explore gallery
- Select visualization
- Add to report
- Configure data and style
Cuadro de decision: Graficos avanzados
| Necesidad | Grafico | Configuracion clave |
|---|---|---|
| Datos geograficos | Mapa filled/bubble | Geo dimension correcta |
| Jerarquia proporcional | Treemap | 2-3 niveles dimension |
| Progreso vs meta | Bullet/Gauge | Reference line para meta |
| Dos metricas relacionadas | Combo chart | Ejes separados |
| Flujos/conversiones | Sankey (community) | Source, target, value |
| Distribucion estadistica | Box plot (community) | Mediana, cuartiles |
Consejos finales para graficos avanzados
1. Empieza simple
Proceso recomendado:
1. ¿Un grafico basico resuelve el problema?
├── Si → Usa el basico
└── No → Continua
2. ¿Que tipo avanzado es mas apropiado?
3. ¿La audiencia entendera este tipo de grafico?
├── Si → Implementa
└── No → Agrega explicacion o simplifica
2. Testea con usuarios
Los graficos avanzados pueden confundir. Siempre pregunta:
- "¿Que te dice este grafico?"
- "¿Es claro como leerlo?"
- "¿Preferiririas verlo de otra forma?"
3. Proporciona contexto
Para graficos menos familiares, agrega:
- Titulo descriptivo
- Breve explicacion de como leerlo
- Leyenda clara
- Tooltips informativos
Puntos clave
Los mapas son poderosos cuando la geografia importa; usa coropletas para densidad regional y burbujas para puntos especificos
Los treemaps muestran jerarquias proporcionales; ideales para ver "donde esta el dinero" en estructuras anidadas
Los bullet charts comparan valor actual vs meta de manera compacta; usa graficos de barras con lineas de referencia en Looker Studio
Los combo charts combinan dos metricas con diferentes escalas; limita a 2 metricas y usa tipos visuales distintos (barras + linea)
Las Community Visualizations extienden las capacidades pero tienen limitaciones; evalua si vale la complejidad adicional
Siempre preguntate: "¿Mi audiencia entendera este grafico?" Si la respuesta es no, simplifica o agrega contexto
Has completado el Modulo 4 sobre Graficos y Tablas. En el siguiente modulo aprenderemos a crear interactividad con filtros y controles en Looker Studio.
¿Completaste esta lección?
Marca esta lección como completada. Tu progreso se guardará en tu navegador.