Gráfico UpSet

Intersecciones entre muchos conjuntos.

Definición

Un gráfico UpSet cuenta cuántos elementos tiene cada combinación exacta de conjuntos. Una matriz de puntos marca qué conjuntos forman cada combinación y una barra encima da su recuento. Se usa para solapes entre muchos conjuntos: clientes por producto, genes por condición o usuarios por canal.

Editar con tus datos SVG Spec JSON

La consulta del crónico no atiende una enfermedad, atiende una combinación: seis de cada diez pacientes traen dos diagnósticos o más

Datos: group · value
Buena para: Comparar el tamaño de las intersecciones exclusivas cuando hay cuatro conjuntos o más.
Evítala cuando: Cuando solo hay dos o tres conjuntos: unos círculos superpuestos se entienden sin explicación.
Se lee bien: Entre 3 y 20000 elementos; dibuja hasta 20.000
Datos que faltan: Dibuja el valor ausente como cero.
Accesibilidad: Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`group`	any	Cada columna que no sea el recuento es un CONJUNTO, y su encabezado es el nombre que se escribe en la fila de la matriz. La celda dice si esa fila pertenece: 1 / 0, «×» / vacío, «sí» / «no» o «true» / «false». Hacen falta al menos tres conjuntos; con dos, la forma honrada es «venn».
`value` · opcional	number	Cuántos elementos tienen esa combinación exacta. Se pide por nombre («Casos», «Recuento», «N», «Pacientes», «Count»…) y es OPCIONAL: sin ella cada fila cuenta como un elemento y las filas con la misma combinación se agregan, que es el formato natural cuando hay una fila por paciente, por incidencia o por usuario.

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

¿Hay más de tres conjuntos?

Si son dos o tres, los círculos superpuestos enseñan el solape de un vistazo.

Sí: quédate con gráfico upset

No: usa Diagrama de Venn

¿Interesan las combinaciones exclusivas?

Si solo importa el tamaño de cada conjunto por separado, unas barras bastan.

Sí: quédate con gráfico upset

No: usa Gráfico de barras horizontales

¿Un elemento puede pertenecer a varios conjuntos?

Si las categorías son excluyentes, se trata del reparto de un total en partes.

Sí: quédate con gráfico upset

No: usa Treemap

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('upset');
spec.data.rows = misFilas; // group
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →

Dudas

¿Cómo indico a qué conjuntos pertenece cada combinación?

Cada columna que no es el recuento es un conjunto; la celda dice si esa fila pertenece a él (1 o 0, sí o no, una cruz o vacío). Hacen falta al menos tres conjuntos.

¿Hace falta una columna de recuento?

Es opcional y se busca por nombre. Sin ella, cada fila cuenta como un elemento y las filas con la misma combinación se suman, que es lo natural cuando hay una fila por cliente o por caso.

¿Dice cuánto solapan dos conjuntos concretos?

No. Cuenta combinaciones exclusivas; el solape total entre dos conjuntos se lee mejor con círculos.

¿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?

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 «partes de un todo»

Guía para elegir: partes de un todo →