Gráfico de área

El ejemplo en vivo

Datos simulados para enseñar la lectura; no son resultados de Lisandro ni de un cliente.

Qué preguntas ayuda a responder

• ¿Cómo cambia la cantidad de consultas recibidas semana a semana?
• ¿Cómo evolucionan las horas totales y el aporte de cada tarea durante un proyecto?

Qué datos necesitás

Área simple: un período ordenado y una medida numérica con unidad y criterio de registro constantes. El ejemplo contiene seis observaciones semanales simuladas: 18, 25, 22, 34, 38 y 48 consultas. Son cantidades de cada semana, no un acumulado ni una tasa de conversión.

Área apilada: varias medidas no negativas, aditivas y expresadas en la misma unidad para cada período. El segundo ejemplo usa horas semanales de Investigación, Pruebas de oferta y Revisión durante seis semanas. Las tareas deben ser excluyentes para que sumar horas no duplique trabajo.

En una aplicación real, declarás el calendario, la duración de cada período y qué se incluyó en cada categoría. Conservá los faltantes como faltantes: unir semanas sin medición puede sugerir una continuidad que no conocés. Las dos variantes de esta ficha tienen datos propios y no representan la misma medida.

La variante streamgraph conserva las mismas horas semanales por tarea que el área apilada, pero centra cada total alrededor de una base móvil. Esa posición no expresa valores negativos: solo el grosor de cada banda conserva la magnitud.

Cómo leerlo

En el área simple, leé la altura de cada punto respecto del cero. La semana 6 registra 48 consultas, 30 más que las 18 de la primera. La semana 3 baja de 25 a 22: el relleno no convierte la serie en crecimiento acumulado.

En la apilada, el borde superior representa los totales semanales: 20, 26, 27, 35, 40 y 48 horas. Para leer una tarea, medí el grosor vertical de su banda, entre sus dos bordes. En la semana 6, Investigación aporta 22 horas, Pruebas de oferta 16 y Revisión 10.

Solo la banda inferior conserva una base fija. El borde superior de Pruebas de oferta llega a 38 horas en la semana 6 porque acumula Investigación y Pruebas: la tarea aporta 16. El gráfico usa valores absolutos; una versión al 100 % mostraría participaciones y ocultaría el cambio del total si no se informara aparte.

En la variante centrada, la semana 1 suma 20 horas y la 6, 48. La primera banda de Investigación mide 12 y 22 horas de grosor respectivamente. Su borde inferior cambia de posición porque el total se centra en cada semana; no se lee desde un cero fijo.

Cuándo elegirlo y cuándo buscar otra opción

Para destacar una evolución de magnitud y, si hay partes aditivas, ver cómo acompañan al total. Mantené el orden de las bandas y la escala entre actualizaciones, y conservá la tabla para comprobar los valores.

Para contar una historia del volumen de trabajo, la apilada reúne total y composición en una vista. La simple permite destacar el perfil de una única serie; el relleno aporta énfasis visual, no una medida adicional.

Si la pregunta central es cuánto cambió cada tarea o cuál creció más, usá líneas o pequeños gráficos separados con una escala comparable. Las bandas superiores tienen una base móvil.

No apiles porcentajes con denominadores diferentes, tasas de conversión de canales o cantidades con unidades distintas. Si hay valores negativos o demasiadas series superpuestas, elegí otra representación que permita leer el signo y cada serie.

El streamgraph puede explorar mezcla temporal, pero dificulta comparar niveles exactos de una tarea. Para una audiencia que necesita magnitudes por serie, preferí líneas o pequeños múltiples con escala común.

Errores y malas interpretaciones

• Recortar el cero del área rellena puede exagerar las proporciones. Si necesitás ampliar diferencias pequeñas con otro límite inferior, considerá una línea y declaralo.
• Leer la altura acumulada de una banda como su valor individual, o cambiar su orden entre períodos: ambas decisiones dificultan seguir el aporte de la misma tarea.
• Sumar el área geométrica rellena como si fuera el total de consultas. Aquí los totales semanales están en los puntos y la tabla; los segmentos entre ellos son una unión visual, sin mediciones dentro de cada semana.
• Atribuir el aumento de consultas a una acción de marketing o interpretar más horas como mayor productividad. Estas series simuladas no contienen exposición, resultados por hora ni evidencia causal.
• Leer como pérdidas las partes bajo el centro de un streamgraph. La base centrada no es un eje de cantidades negativas; las horas siguen siendo positivas.

Alternativas para comparar

• Gráfico de líneas. Líneas: facilitan seguir y comparar cada serie sobre una escala común.
• Barras apiladas. Barras apiladas: muestran composición en períodos discretos, en valores absolutos o al 100 %.
• Gráfico de barras. Barras: comparan cantidades de períodos o categorías sin sugerir continuidad entre ellos.

En dashboards, informes y presentaciones

Elegí el título según la variante: «Las consultas pasan de 18 a 48 por semana» describe la simple; «El trabajo semanal pasa de 20 a 48 horas» describe la apilada. No combines ambos ejemplos como si fueran resultados del mismo proyecto. En un informe, anotá el cambio relevante y explicá cómo se leen las bandas antes de pedir una comparación entre tareas. Los valores son propios e inventados para aprender, sin resultados del sitio ni de un cliente.

Fuentes y alcance de la revisión

Se consultaron las secciones pertinentes de estas fuentes para la definición, codificación o método indicado. Los ejemplos, cálculos aplicados y textos de esta ficha pertenecen al proyecto.

1. Data Visualisation Catalogue · area graph
2. Data Visualisation Catalogue · stacked area graph
3. From Data to Viz · area chart
4. From Data to Viz · stacked area graph
5. D3 · apilamiento y línea base centrada