Curva de costes
Capacidad y coste unitario por productor.
Definición
Una curva de costes pone en fila los tramos de oferta como bloques: el ancho es el volumen que aporta cada tramo y el alto su coste por unidad, de modo que el área es su coste total. El eje horizontal acumula volumen, y la altura del tramo que cubre la última unidad necesaria marca el coste marginal. Se usa en energía, captación o abatimiento de emisiones.
- Datos
- category · weight · value
- Buena para
- Ver cuánto volumen se consigue a cada nivel de coste y qué tramo fija el precio de la última unidad.
- Evítala cuando
- Cuando los tramos no comparten la misma unidad de coste: el alto deja de ser comparable entre bloques.
- Se lee bien
- Entre 3 y 20 elementos; dibuja hasta 40
- Datos que faltan
- Se niega a dibujar y dice qué valor falta.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
category | string | El nombre del tramo. Rotula el bloque, girado dentro si cabe y fuera si no. |
weight | number | ANCHO del bloque: el volumen que aporta el tramo. Estrictamente > 0 y sin re-escalar; el eje X lo acumula. |
value | number | ALTO del bloque: el coste UNITARIO, con el mismo numerador y denominador en todos los tramos. Puede ser negativo (abatimiento que se paga solo) y entonces el bloque cuelga bajo el cero. |
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 el motor se niega y explica por qué: unit-area: el bloque «Metabuscadores» mide 16.4 px de ancho y un rótulo girado necesita 16.8 px. Sube dimensions.width a 489 px, o agrupa los tramos menores en
. 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
¿Cada tramo tiene un volumen y un coste unitario?
Si sólo quieres ordenar los tramos por su coste, unas barras horizontales bastan.
Sí: quédate con curva de costes
No: usa Gráfico de barras horizontales
¿Los ejes miden cantidades y no cuotas de un total?
Si el ancho y el alto son cuotas de un total que suma el 100 %, usa el Marimekko.
Sí: quédate con curva de costes
No: usa Gráfico de Marimekko
¿Te importa el coste de cada unidad?
Si lo que buscas es qué pocos tramos concentran la mayor parte del total, usa el diagrama de Pareto.
Sí: quédate con curva de costes
No: usa Diagrama de Pareto
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('cost-curve');
spec.data.rows = misFilas; // category, weight, value
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Admite costes negativos?
Sí. Un coste negativo —una medida que se paga sola— hace que el bloque cuelgue por debajo del cero.
¿Qué significa el área de cada bloque?
Ancho por alto: el volumen por el coste unitario, es decir, el coste total del tramo.
¿Cuántos tramos caben?
Se lee bien entre 3 y 20. El ancho de cada uno tiene que ser mayor que cero.
¿Qué hace si faltan datos?
Se niega a dibujar y dice qué valor falta.
¿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 «quién va primero»
Gráfico de rankingcambios de puesto a lo largo del tiempo
Gráfico de puntos de Clevelandcomparar valores ordenados con poca tinta
Importancia de variablesqué variables pesan más en un modelo- Gráfico de barras horizontalescomparar categorías con nombres largos
Gráfico de piruletacomparar valores con menos tinta que barras
Cuadro de eliminatoriascruces y avance de un torneo