Modelo de madurez

Nivel de capacidad en cada dimensión.

Definición

Un modelo de madurez coloca cada capacidad en una fila y marca su nivel actual y su nivel objetivo sobre una escala de niveles con nombre. Se lee la distancia entre los dos niveles en cada fila. Sirve para diagnósticos de transformación digital, de datos o de procesos.

Editar con tus datos SVG Spec JSON

Datos: dimension · current · target
Buena para: Enseñar dónde está cada capacidad y hasta dónde tiene que llegar.
Evítala cuando: Cuando quieres sumar o promediar saltos: la escala es un orden, y pasar de 1 a 2 no vale lo mismo que de 4 a 5.
Se lee bien: Entre 3 y 20 elementos; dibuja hasta 1000
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é
`dimension` · opcional	string	La capacidad evaluada: una fila.
`current` · opcional	number	Nivel ACTUAL: primera columna numérica por posición.
`target` · opcional	number	Nivel OBJETIVO: segunda columna numérica por posición. Con menos de dos numéricas la pieza devuelve [] y enseña su ejemplo.

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

¿Los niveles son un orden y no una medida?

Si las puntuaciones son cifras que sí se pueden restar, dos puntos unidos enseñan la diferencia.

Sí: quédate con modelo de madurez

No: usa Gráfico de mancuernas

¿Comparas tu nivel actual con tu objetivo?

Si comparas tu perfil con el de competidores factor a factor, se dibujan las curvas de cada uno.

Sí: quédate con modelo de madurez

No: usa Lienzo estratégico

¿Las capacidades se leen una por una?

Si interesa la forma global del perfil de un vistazo, se dispone en radial.

Sí: quédate con modelo de madurez

No: usa Gráfico de radar

Código

La misma pieza, con tus datos

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

const spec = await getPreset('maturitymodel');
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

¿Cómo distingue la pieza el nivel actual del objetivo?

Por posición: la primera columna numérica es el nivel actual y la segunda el objetivo. Con menos de dos numéricas no se dibuja.

¿Puedo promediar los niveles?

No conviene: los niveles son peldaños con nombre, no cantidades, y la distancia entre ellos no es constante.

¿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 «comparar cifras»

Guía para elegir: comparar cifras →