Diagrama de Venn
Qué comparten y qué no varios conjuntos.
Definición
Un diagrama de Venn dibuja tres círculos que se solapan y escribe una cifra en cada una de las siete regiones que forman: lo exclusivo de cada conjunto, cada par y el centro común. Los círculos son una plantilla fija; lo que se lee son las cifras y dónde caen. Se usa para ver qué comparten y qué no tres grupos de clientes, canales o audiencias.
- Datos
- category · value · label
- Buena para
- Ver cuántos elementos comparten tres conjuntos y cuántos son exclusivos de cada uno.
- Evítala cuando
- Cuando quieras comparar tamaños a simple vista: los círculos no cambian con las cifras.
- Se lee bien
- Entre 2 y 7 elementos; dibuja hasta 7
- 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é |
|---|---|---|
category · opcional | string | El IDENTIFICADOR de la región, y su vocabulario es CERRADO: A · B · C · AB · AC · BC · ABC (se acepta cualquier forma de escribir las mismas letras: «ab», «B∩A», «A & B»). REQUERIDA por nombre: antes cualquier otra cosa se leía sin error y no llegaba al dibujo. Las SIETE tienen que venir, y ninguna dos veces. |
value · opcional | number | La cuenta de esa región, impresa en el centro de su zona. REQUERIDA por nombre — el respaldo «la primera numérica» dibujaba un venn con la columna equivocada sin decirlo. |
label · opcional | string | La etiqueta humana de la región. Opcional; si falta se usa el propio identificador. La de A, B y C es además la que ROTULA su círculo: antes los tres nombres («Email», «Social», «Organic») estaban escritos dentro de `getCirclePositions` y se pintaban también sobre las filas del usuario. |
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
¿Son exactamente tres conjuntos?
Con cuatro o más conjuntos, o si quieres comparar el tamaño de cada intersección, una matriz de intersecciones con barras se lee mejor.
Sí: quédate con diagrama de venn
No: usa Gráfico UpSet
¿Tienes una cifra para cada región?
Si sólo quieres explicar que dos o tres ideas se solapan, sin contar nada, basta un esquema de solape.
Sí: quédate con diagrama de venn
No: usa Mapa de solapes
¿Los conjuntos se cruzan y no están unos dentro de otros?
Si cada conjunto contiene al siguiente, unos círculos anidados cuentan esa jerarquía.
Sí: quédate con diagrama de venn
No: usa Círculos anidados
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('venn');
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
¿El tamaño de los círculos depende de las cifras?
No. Los tres círculos son siempre iguales; las cifras van escritas en el centro de cada región.
¿Qué regiones tengo que dar?
Las siete: A, B, C, AB, AC, BC y ABC, una vez cada una. Acepta otras formas de escribirlas, como «ab» o «A & B».
¿Cómo se nombran los círculos?
Con la etiqueta de las filas A, B y C. Si no la das, se usa la propia letra.
¿Qué hace si faltan datos?
Se niega a dibujar y dice qué valor falta.
¿Cómo se ve en el móvil?
El motor la recompone a 420 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.
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