Mapa de embeddings
Similitud entre elementos proyectada en 2D.
Definición
El mapa de embeddings dibuja en dos dimensiones una proyección de datos de muchas dimensiones, con un color por grupo. Se lee qué queda cerca de qué: la vecindad sugiere parecido en el espacio original. Se usa para explorar documentos, clientes o imágenes representados como vectores.
- Datos
- x · y · series · label
- Buena para
- Ver qué elementos y grupos se parecen y cuáles quedan aislados.
- Evítala cuando
- Cuando quieres leer distancias o ejes como magnitudes: la proyección no tiene unidades.
- Se lee bien
- Entre 20 y 5000 elementos; dibuja hasta 5000
- Datos que faltan
- Dibuja el valor ausente como cero.
- Accesibilidad
- Lector de pantalla: resumen en texto · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
x · opcional | number | La 1.ª dimensión de la proyección. Sin ella (o sin la 2.ª, o sin el clúster) el chart devuelve una nube vacía. |
y · opcional | number | La 2.ª dimensión. |
series · opcional | string | El clúster: es lo que colorea la nube y, de facto, es imprescindible — sin esta columna la pieza no dibuja nada. |
label · opcional | string | Rótulo del punto. OJO al orden: «label» ya lo puede haber tomado el clúster, que se resuelve antes con la misma palabra. |
Tamaños
Recompuesta, no encogida
El motor vuelve a componer la pieza a cada ancho: los rótulos conservan su cuerpo y la figura gana alto si lo necesita.
Cuándo usarla
Tres preguntas antes de elegirla
¿Los ejes son una proyección sin unidades?
Si los dos ejes son variables con significado propio, una dispersión los mide.
Sí: quédate con mapa de embeddings
No: usa Gráfico de dispersión
¿Basta con ver qué está cerca de qué?
Si hay que saber qué variables explican la separación, un biplot de componentes principales dibuja también las variables.
Sí: quédate con mapa de embeddings
No: usa Biplot de componentes principales
¿Importa a qué grupo pertenece cada punto?
Si los grupos no importan y hay tantos puntos que se tapan, un mapa hexagonal enseña dónde se concentran.
Sí: quédate con mapa de embeddings
No: usa Mapa hexagonal
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('embeddingplot');
spec.data.rows = misFilas; // tus columnas
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Se pueden leer las distancias entre grupos?
No. Los ejes no tienen unidades: la vecindad sugiere parecido y nada más.
¿Es obligatoria la columna de grupo?
En la práctica, sí: sin ella la pieza no dibuja nada. Ojo si el grupo se llama «label»: ese nombre ya no sirve para el rótulo de cada punto.
¿Qué hace si faltan datos?
Dibuja el valor ausente como cero. Si un hueco no es un cero en tus datos, rellénalo o elimina la fila antes de dibujar.
¿Cómo se ve en el móvil?
El motor la recompone a 360 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.
Relacionadas
Otras formas de responder «cómo se reparten los valores»
Código de barras de eventoscuándo ocurren los eventos en un intervalo
Beeswarmcada individuo de una distribución, sin solaparse
Diagrama de cajamediana, cuartiles y atípicos de una distribución
Gráfico de contornodónde se concentran los puntos
Gráfico de densidadforma suavizada de una distribución
Franja de puntosrespuesta individual de cada caso