Lienzo estratégico
Curva de valor frente a la competencia.
Definición
El lienzo estratégico pone los factores en los que compite un sector en el eje horizontal y dibuja, para cada competidor, una curva con lo que ofrece en cada factor. Lo que se compara es la forma de las curvas: en qué invierte cada uno de más y de menos. Se usa en estrategia para mostrar cómo diferenciarse de la competencia.
- Datos
- category · series
- Buena para
- Comparar el perfil de valor de varios competidores factor a factor.
- Evítala cuando
- Cuando sólo importa quién puntúa más en total: el lienzo lee formas, no sumas.
- Se lee bien
- Entre 3 y 12 elementos; dibuja hasta 20
- 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é |
|---|---|---|
category · opcional | string | El FACTOR de competencia: una posición del eje horizontal por fila. Sin columna que case, la pieza FABRICA «Factor 1», «Factor 2»… con el número de fila. |
series · opcional | number | Las series NO se declaran una a una: cada COLUMNA NUMÉRICA del fichero es un competidor, y el nombre de la columna es el nombre de la curva. Se toman todas, en el orden en que vienen; el eje Y se ajusta al máximo de todas ellas. |
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
¿Comparas el perfil entre factores, no una puntuación total?
Si basta con un único número por competidor, unas barras lo comparan mejor.
Sí: quédate con lienzo estratégico
No: usa Gráfico de barras verticales
¿Quieres comparar perfiles completos, no situar a cada uno en dos ejes?
Si basta con dos atributos clave, el mapa perceptual coloca a cada competidor en un plano.
Sí: quédate con lienzo estratégico
No: usa Mapa perceptual
¿Puedes puntuar cada factor con un número?
Si sólo tienes valoraciones gruesas, las bolas de Harvey no fingen una escala continua.
Sí: quédate con lienzo estratégico
No: usa Bolas de Harvey
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('strategycanvas');
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 se indica cada competidor?
Cada columna numérica del fichero es un competidor y su nombre es el de la curva. El eje vertical se ajusta al máximo de todas.
¿Por qué una línea si los factores no son continuos?
La línea une los puntos para que la forma del perfil se vea de un golpe; no indica que haya valores entre un factor y otro.
¿Y si no tengo columna de factores?
La pieza los numera como «Factor 1», «Factor 2»… en el orden de las filas. Conviene ponerles nombre.
¿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?
El motor la recompone a 360 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.
Relacionadas
Otras formas de responder «comparar cifras»
Análisis de accretion/dilutionefecto de una operación en el beneficio por acción
Gráfico de flechascambio con dirección entre dos momentos- Gráfico de barras verticalescomparar valores entre pocas categorías
Serie con banda de referenciatu serie frente al rango de sus pares
Comparativa con parestu resultado frente al de otras empresas
Gráfico de Bland-Altmanacuerdo entre dos métodos de medición