Diagrama de afinidad

Agrupar ideas o quejas por temas.

Definición

Un diagrama de afinidad apila las notas de una investigación en montones por tema, con el titular de cada montón encima y cada nota escrita en su tarjeta. El alto de la pila es cuántas observaciones cayeron en ese tema, así que el titular se puede contrastar con su evidencia en la misma lámina. Sirve para devolver los resultados de entrevistas, quejas o talleres sin perder las citas.

Editar con tus datos SVG Spec JSON

Nadie se queja de la app: se quejan de no saber cuándo llega el técnico

Datos: label · category
Buena para: Enseñar qué temas salieron de una tanda de investigación y qué notas los sostienen.
Evítala cuando: Cuando las notas aún no están agrupadas: la pieza no agrupa, el tema de cada nota tiene que llegar decidido en el dato.
Se lee bien: Entre 4 y 45 elementos; dibuja hasta 60
Datos que faltan: Omite el valor ausente y lo declara aparte.
Accesibilidad: Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`label`	string	El texto literal de la nota: la observación en bruto, tal y como se recogió. Una fila por nota, y se escribe entera dentro de su tarjeta —es la evidencia que esta forma existe para no perder—. Va al tooltip íntegra cuando la tarjeta obliga a recortarla.
`category`	string	El titular del montón al que pertenece la nota: en el método KJ es una FRASE que dice lo que el montón afirma («el cliente no sabe cuándo llegamos»), no la carpeta a la que pertenece («comunicación»). Este componente NO agrupa: el parentesco lo decide quien hace la sesión y llega escrito aquí.

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

¿Quieres enseñar las citas en bruto?

Si basta con saber cuántas veces sale cada tema en cada fuente, la matriz de afinidad lo resume en recuentos.

Sí: quédate con diagrama de afinidad

No: usa Matriz de afinidad

¿Son unas pocas decenas de notas?

Si son cientos de comentarios y solo importa cuántos caen en cada tema, unas barras horizontales ordenadas se leen mejor.

Sí: quédate con diagrama de afinidad

No: usa Gráfico de barras horizontales

¿Cada nota pertenece a un solo tema?

Si las notas caen en varios temas a la vez y lo que interesa son las combinaciones, un gráfico UpSet cuenta cada cruce.

Sí: quédate con diagrama de afinidad

No: usa Gráfico UpSet

Código

La misma pieza, con tus datos

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

const spec = await getPreset('affinity-diagram');
spec.data.rows = misFilas; // label, category
const { svg, warnings } = await renderComposition(spec);

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

Dudas

¿El alto de la pila mide la gravedad?

No. Es un recuento: todas las tarjetas tienen el mismo tamaño y dos notas del mismo montón pesan igual.

¿Cómo debe ser el titular de un montón?

Una frase que diga lo que el montón afirma («el cliente no sabe cuándo llegamos»), no el nombre de una carpeta («comunicación»). Llega escrito en la columna de categoría.

¿Qué pasa con las notas largas?

Se escriben dentro de su tarjeta; si no caben, se recortan y el texto íntegro queda en la etiqueta emergente de la tarjeta.

¿Qué hace si faltan datos?

Omite el valor ausente y lo declara aparte.

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