Ciclo de vida del producto
Fase de un producto desde lanzamiento a declive.
Definición
El ciclo de vida del producto dibuja la curva de una magnitud —ventas, usuarios— a lo largo del tiempo y la divide en fases con nombre, como introducción, crecimiento, madurez y declive. Se lee buscando en qué tramo del arco está el producto hoy. Se usa en estrategia de producto para decidir dónde invertir y cuándo retirar.
- Datos
- x · y · label
- Buena para
- Situar un producto en su arco de vida y explicar qué fase atraviesa.
- Evítala cuando
- Cuando tus datos no nombran las fases: sin esa columna la pieza dibuja la curva sin bandas y queda un gráfico de líneas.
- Se lee bien
- Entre 3 y 10 elementos; dibuja hasta 1000
- Datos que faltan
- Dibuja el valor ausente como cero.
- Accesibilidad
- Lector de pantalla: resumen en texto · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
x | number | El TIEMPO, eje horizontal. Posicional, no por nombre: `ProductLifecycle.data.ts:113` toma `numericColumns(rows)[0]`. Obligatorio de verdad: con menos de dos columnas numéricas la pieza LANZA nombrando las columnas que recibió («dibujar la curva de ejemplo y sus cuatro fases bajo tu título sería inventarte los datos»). |
y | number | La MAGNITUD que sube y baja. También posicional: `numericColumns(rows)[1]`, la segunda numérica. Mismo throw que `x`: son las dos coordenadas de la curva. |
label · opcional | string | El nombre de la fase. Los tramos SEGUIDOS con la misma etiqueta se convierten en una banda; sin esta columna no hay ninguna banda, que es la regla de honestidad de la pieza. |
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
¿Tus datos dicen en qué fase está cada tramo?
Si sólo tienes la serie, una línea la enseña sin prometer un arco que nadie ha nombrado.
Sí: quédate con ciclo de vida del producto
No: usa Gráfico de líneas
¿Hablas de lo que vende un producto, no de quién lo adopta?
Para la difusión de una tecnología entre tipos de adoptantes, la curva de adopción tiene sus propios segmentos.
Sí: quédate con ciclo de vida del producto
No: usa Curva de adopción tecnológica
¿Miras un producto cada vez?
Si hay que repartir una cartera entera entre invertir, mantener o retirar, la matriz BCG coloca todos los productos a la vez.
Sí: quédate con ciclo de vida del producto
No: usa Matriz BCG
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('productlifecycle');
spec.data.rows = misFilas; // x, y
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿De dónde salen las fases?
De la columna de etiquetas: los tramos seguidos con la misma etiqueta forman una banda. La pieza no deduce fases a partir de la forma de la curva.
¿Qué columnas lee?
La primera columna numérica es el tiempo y la segunda la magnitud. Con menos de dos columnas numéricas no se dibuja, en vez de enseñar la curva de ejemplo bajo tu título.
¿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 420 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.
Relacionadas
Otras formas de responder «cómo cambia en el tiempo»
Curva en Screcimiento lento, rápido y saturado
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