Cuadro de mando integral
Objetivos de la empresa desde cuatro perspectivas.
Definición
El cuadro de mando integral reparte los indicadores de una empresa en cuatro perspectivas —financiera, cliente, procesos internos y aprendizaje— y enseña cada uno con su valor conseguido frente a su objetivo. Cada indicador se juzga contra su propia meta y dentro de su panel. Se usa en revisiones de estrategia para ver qué objetivos van bien y cuáles no.
- Datos
- perspective · kpi · actual · target · max
- Buena para
- Revisar el avance de cada indicador frente a su objetivo, ordenado por perspectivas.
- Evítala cuando
- Cuando quieres una nota global de la empresa: la media de cumplimiento de objetivos tan distintos no es un indicador.
- Se lee bien
- Entre 4 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é |
|---|---|---|
perspective · opcional | string | Agrupa los indicadores en paneles. Sin ella todo cae en un solo panel «General». TOPE DURO DE CUATRO, que es lo que el cuadro de mando afirma: con cinco o más, la pieza falla con la cifra («5 perspectivas; el cuadro de mando tiene 4») en vez del TypeError que daba antes («Cannot read properties of undefined (reading 'col')»). Medido: 3 ok · 4 ok · 5 falla · 6 falla. |
kpi · opcional | string | Nombre del indicador dentro de su panel. |
actual · opcional | number | PRIMERA columna numérica por posición: el valor conseguido. |
target · opcional | number | SEGUNDA columna numérica por posición: el objetivo contra el que se juzga. |
max · opcional | number | TERCERA columna numérica por posición: el tope de la barra. Ausente, 100. |
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 indicadores se agrupan en perspectivas?
Si solo hay un puñado de cifras sueltas que destacar, un mosaico de cifras las presenta sin estructura.
Sí: quédate con cuadro de mando integral
No: usa Mosaico de cifras
¿Quieres ver el avance contra el objetivo?
Si lo que hay que contar es cómo se encadenan los objetivos entre perspectivas, el mapa estratégico dibuja esas relaciones.
Sí: quédate con cuadro de mando integral
No: usa Mapa estratégico
¿Basta con una barra por indicador?
Si cada indicador necesita sus tramos de referencia además del objetivo, el gráfico de bala los incluye.
Sí: quédate con cuadro de mando integral
No: usa Gráfico de bala
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('balancedscorecard');
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
¿Puedo añadir una quinta perspectiva?
No. El tope es cuatro, que es lo que afirma el cuadro de mando; con cinco la pieza falla y lo dice. Sin columna de perspectiva, todo cae en un panel «General».
¿Qué columnas numéricas lee?
Por posición: la primera es el valor conseguido, la segunda el objetivo y la tercera el tope de la barra, que vale 100 si no viene.
¿Qué es el «OVERALL»?
La media de los porcentajes de cumplimiento. Es orientativa: mezcla objetivos de naturaleza distinta y no debe leerse como un indicador más.
¿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 «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