Mapa de calor agrupado
Segmentos con comportamientos parecidos.
Definición
El mapa de calor agrupado reordena las filas y las columnas de una matriz por el parecido de sus perfiles y cuelga de cada eje el dendrograma que justifica ese orden. Los grupos aparecen como bloques de color, y la altura de cada bifurcación dice cuánto separa un grupo del siguiente. Sirve para segmentar clientes, productos o mercados por cómo se comportan.
- Datos
- y · x · value
- Buena para
- Descubrir qué filas y columnas se comportan parecido y en cuántos grupos se parte un conjunto.
- Evítala cuando
- Cuando el orden de las filas o las columnas significa algo por sí mismo —meses, un ranking—: el agrupamiento lo deshace.
- Se lee bien
- Entre 4 y 500 elementos; dibuja hasta 8000
- Datos que faltan
- Se niega a dibujar y dice qué valor falta.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
y | string | La FILA de la matriz: lo que se compara. Su orden en la lámina NO es el de la tabla — lo calcula el agrupamiento. `spec.columns.row` vale como sinónimo. |
x | string | La COLUMNA de la matriz: contra qué se compara. También se reordena por parecido. `spec.columns.column` vale como sinónimo. |
value | number | Lo que codifica el color, en la rampa de siete tramos calculada sobre el mínimo y el máximo del propio dato. Es además lo que se correlaciona: el valor no sólo pinta la celda, decide dónde va su fila. |
Tamaños
Ancha por necesidad
Esta pieza necesita anchura para que cada rótulo quepa entero. El motor prefiere decirlo a apretarla.
A menos de 480 px sus rótulos no caben sin pisarse o recortarse, y el motor no la publica así. En el móvil se ve la versión ancha, a tamaño legible y sin recortar, dentro de un marco que se desliza.
Cuándo usarla
Tres preguntas antes de elegirla
¿Te da igual perder el orden original de filas y columnas?
Si el orden ya dice algo, un mapa de calor normal lo respeta.
Sí: quédate con mapa de calor agrupado
No: usa Mapa de calor
¿Además de los grupos, te interesa el perfil de cada fila en las columnas?
Si basta con la jerarquía de parecidos, sin la matriz, el dendrograma solo es más limpio.
Sí: quédate con mapa de calor agrupado
No: usa Dendrograma
¿Filas y columnas son cosas distintas?
Si filas y columnas son los mismos actores y la celda dice si se conectan, la matriz de adyacencia es la adecuada.
Sí: quédate con mapa de calor agrupado
No: usa Matriz de adyacencia
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('clustered-heatmap');
spec.data.rows = misFilas; // y, x, value
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Cambia algún número?
No. Sólo cambia el orden de filas y columnas, que es lo que el orden alfabético escondía.
¿Puedo comparar dos láminas entre sí?
No. Cada una calcula su propio orden y su propia rampa de siete tramos sobre el mínimo y el máximo de sus datos, así que el mismo color no significa lo mismo en las dos.
¿Qué dice la altura de una bifurcación?
Cuánto se separan los dos grupos que une: cuanto más arriba se juntan, más distintos son sus perfiles.
¿Qué hace si faltan datos?
Se niega a dibujar y dice qué valor falta.
¿Cómo se ve en el móvil?
A menos de 480 px el motor no la compone sin pisar o cortar rótulos, y lo dice. En el móvil se ve la versión ancha, a tamaño legible, dentro de un marco que se desliza.
Relacionadas
Otras formas de responder «cómo funciona algo»
- Matriz de adyacenciaquién se conecta con quién en una red
Diagrama de arcosconexiones entre nodos ordenados en una línea
Diagrama de pajaritacausas y consecuencias de un riesgo central
Columnas enfrentadascontrastar dos o más posturas
Rejilla con casilla vacíaver qué combinación falta
Diagrama de Ishikawacausas posibles de un problema por familias