Curva en S

Crecimiento lento, rápido y saturado.

Definición

La curva en S dibuja la adopción acumulada de una tecnología a lo largo del tiempo y la corta en grupos de adoptantes con nombre. Los cortes están fijos en el 2,5, el 16, el 50 y el 84 % de adopción, así que lo que se lee es en qué grupo está hoy el mercado. Se usa en estrategia de producto y en previsiones de mercado.

Editar con tus datos SVG Spec JSON

Datos: x · y
Buena para: Situar un mercado en su fase de adopción con cortes que no se pueden mover a conveniencia.
Evítala cuando: Cuando la serie no es una adopción acumulada en porcentaje: los cortes del 2,5 al 84 % no significarían nada.
Se lee bien: Entre 5 y 50 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` · opcional	number	El TIEMPO. Posicional, no por nombre: `SCurveChart.data.ts` toma `numericColumns(rows)[0]`. Renombrar la columna no cambia nada; cambiarla de orden, sí.
`y` · opcional	number	La ADOPCIÓN acumulada en %, sobre la que se interpolan los cortes 2,5 / 16 / 50 / 84. Posicional: `numericColumns(rows)[1]`. Con menos de dos columnas numéricas `fromExportRows` devuelve [] y la lámina sale sin curva — sin mensaje.

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

¿Se mide la adopción acumulada?

Si se cuentan las nuevas altas de cada periodo, la curva de adopción tecnológica enseña la campana de cada grupo.

Sí: quédate con curva en s

No: usa Curva de adopción tecnológica

¿Es una sola tecnología o mercado?

Si se comparan varias tecnologías por madurez y expectativas, el ciclo de sobreexpectación las sitúa a la vez.

Sí: quédate con curva en s

No: usa Ciclo de sobreexpectación

¿La pregunta es en qué grupo de adoptantes está el mercado?

Si interesa la fase de un producto según sus ventas —introducción, crecimiento, madurez, declive—, el ciclo de vida del producto es el marco.

Sí: quédate con curva en s

No: usa Ciclo de vida del producto

Código

La misma pieza, con tus datos

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

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

¿Qué columnas necesita?

Dos numéricas, por posición: la primera es el tiempo y la segunda la adopción acumulada en porcentaje. Renombrarlas no cambia nada; cambiarlas de orden, sí.

¿Puedo mover los cortes entre grupos?

No. Son porcentajes fijos de adopción, de modo que la historia no se ajusta moviéndolos.

¿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 cambia en el tiempo»

Guía para elegir: cómo cambia en el tiempo →