Mapa de experiencia
Cómo varía la vivencia entre clientes.
Definición
El mapa de experiencia dibuja una curva por segmento sobre las mismas etapas de un recorrido, todas contra el mismo cero, que es el equilibrio entre respuestas a favor y en contra. La etapa donde más se separan los segmentos se calcula y se marca con su cifra. Se usa para comparar cómo viven distintos clientes o empleados un mismo proceso.
- Datos
- x · series · y
- Buena para
- Encontrar la etapa del recorrido donde más difiere la experiencia entre segmentos.
- Evítala cuando
- Cuando solo hay un segmento: sin dos curvas no hay brecha que leer.
- Se lee bien
- Entre 6 y 100 elementos; dibuja hasta 290
- Datos que faltan
- Se niega a dibujar y dice qué valor falta.
- Accesibilidad
- Lector de pantalla: resumen en texto · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
x | string | La ETAPA del recorrido: el eje horizontal. Su ORDEN DE PRIMERA APARICIÓN en la tabla es el orden del recorrido y no se toca — ordenarlas por su cuenta dibujaría un recorrido que nadie ha vivido. Van a paso constante: esta figura no afirma nada sobre cuánto dura ninguna. |
series | string | El SEGMENTO: una curva por cada uno, con su tinta del tema en el orden en que aparecen. Hacen falta al menos dos —con uno no hay brecha que leer— y como mucho siete, que es hasta donde la paleta está certificada en dicromacia. |
y | number | El SALDO de esa etapa para ese segmento, FIRMADO: el cero es el equilibrio (tantas respuestas a favor como en contra) y por eso la escala tiene dos lados y se abre simétrica. Una media de 1 a 5 hay que centrarla antes de traerla; si no, el cero cae fuera del recorrido y los dos lados de la lámina dejan de significar nada. |
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 el motor se niega y explica por qué: experience-map: 8 etapas dejan 35.4 px de paso y esta figura necesita 44. Con menos, los puntos medidos de dos etapas vecinas se tocan y el recorrido deja de le
. 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
¿Mides cómo se vive cada etapa y no cuántos pasan?
Si interesa cuántos avanzan o abandonan en cada paso, un embudo de conversión lo cuenta.
Sí: quédate con mapa de experiencia
No: usa Embudo de conversión
¿Hay dos segmentos o más que comparar?
Con un solo segmento no hay brecha que leer; unas barras verticales dan el saldo de cada etapa en el orden que declares.
Sí: quédate con mapa de experiencia
No: usa Gráfico de barras verticales
¿El dato es un saldo entre a favor y en contra?
Si las respuestas vienen repartidas en una escala de acuerdo, unas barras divergentes enseñan el peso de cada lado.
Sí: quédate con mapa de experiencia
No: usa Barras divergentes
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('experience-map');
spec.data.rows = misFilas; // x, series, y
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Por qué no se ordenan las etapas?
Se respetan en el orden de primera aparición en la tabla: ordenarlas dibujaría un recorrido que nadie ha vivido. Van a paso constante, así que no dicen nada de cuánto dura cada una.
¿Qué significa el cero?
El equilibrio entre respuestas a favor y en contra. Una media de 1 a 5 hay que centrarla antes de traerla.
¿Cuántos segmentos caben?
De dos a siete; siete es hasta donde la paleta está comprobada para la dicromacia, un tipo de daltonismo.
¿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 cambia en el tiempo»
Gráfico de áreasuna medida en el tiempo con el volumen destacado
Gráfico de control por atributostasa de defectos de lotes frente a sus límites
Barras y línea combinadasuna cifra absoluta junto a su tasa
Bandas de Bollingerprecio frente a su rango habitual de variación
Gráfico con selector de rangoexplorar un tramo de una serie larga
Burndowntrabajo pendiente frente al plan de un sprint