Tus datos
Pega una tabla directamente desde Excel o Google Sheets, o suelta un archivo CSV. No se sube nada: todo el cálculo ocurre dentro de esta pestaña del navegador.
CSV, TSV o texto plano. Los archivos guardados en windows-1251 se detectan y se releen automáticamente, así los encabezados no se convierten en caracteres raros.
Opciones de lectura
Columnas
Resultado
Guardar y compartir
La biblioteca de dibujo se descarga solo al pulsar el botón y solo en esta página.
Esta página no tiene parte de servidor en absoluto. La tabla que pegas la procesa JavaScript dentro de tu propio navegador, el gráfico se dibuja en un elemento canvas de tu máquina y el archivo de exportación se arma localmente. Nada se sube, se almacena ni se escribe en ningún registro. Puedes desconectar la red después de cargar la página y todo seguirá funcionando: es la forma más sencilla de comprobarlo tú mismo.
Datos y límites del método
| Ideal para | Una única magnitud acumulativa medida a lo largo del tiempo |
|---|---|
| Base en cero | Obligatoria aquí, a diferencia de un gráfico de líneas simple: el relleno codifica área |
| Rango cómodo | de 5 a 400 puntos |
| Opacidad del relleno | 16 %, para que las líneas de rejilla se vean a través de la región sombreada |
| Interpolación | Ligera tensión de curva; la línea sigue pasando exactamente por cada valor |
| Salida | PNG a doble escala, más CSV, JSON y Markdown |
Cuándo induce a error
- Rellenar el área vuelve obligatoria la base en cero. Una línea simple puede recortar legítimamente su eje porque el ojo lee la pendiente; en cuanto sombreas la región, el ojo empieza a leer área y un eje recortado la exagera enormemente.
- El relleno implica acumulación. Sombrear el área bajo una curva de temperatura o de tasa de conversión sugiere que la «temperatura total» es una magnitud, y no lo es. Para tasas y niveles usa una línea simple.
- Una serie rellena está bien; dos series rellenas superpuestas se ocultan entre sí. Si necesitas varias, usa la versión apilada o líneas simples.
- Se aplica la misma advertencia de interpolación que a cualquier gráfico de líneas: sombrear entre dos mediciones distantes afirma que el volumen intermedio existió.
Cómo se calcula
El gráfico se construye igual que el de líneas, con el relleno extendido desde la línea hasta la base en cero. Todo el comportamiento de lectura es idéntico: ambas convenciones decimales, símbolos de moneda eliminados, celdas vacías dibujadas como huecos y no como ceros.
El relleno se dibuja al 16 % de opacidad en vez de sólido. Un relleno sólido oculta la rejilla e impide leer un valor sobre el gráfico, lo que anula el sentido de tener un eje.
El eje vertical incluye el cero. Es obligatorio, no opcional, y es la diferencia más importante entre esta página y el gráfico de líneas simple.
Solo se rellena la primera columna numérica. Las regiones translúcidas superpuestas de varias series producen colores que no existen en ninguna original y el lector no puede descifrarlos, así que varias series pertenecen a la versión apilada.
Preguntas y respuestas
¿Cuándo usar áreas en vez de líneas?
Cuando la magnitud se acumula y el volumen total tiene sentido: pedidos, visitas, unidades enviadas. Para tasas, razones, temperaturas y precios, la línea simple es la elección correcta.
¿Por qué no puedo recortar el eje vertical?
Porque el relleno convierte el gráfico en una comparación de áreas. Recortar el eje de un gráfico relleno exagera las diferencias mucho más que en una línea, así que esta página no lo permite.
¿Puedo superponer dos áreas?
Aquí no, deliberadamente. Dos rellenos translúcidos se superponen en un tercer color que no pertenece a ninguna serie. Usa la versión de áreas apiladas o un gráfico de líneas múltiples.
El relleno es demasiado pálido para mi presentación.
Es intencionadamente claro para que la rejilla y los valores sigan siendo legibles. Si necesitas un aspecto más intenso, exporta el CSV y dale estilo en tu herramienta de presentaciones, donde controlas toda la diapositiva.
¿Se sube algo?
No. El gráfico se construye por completo dentro de tu navegador.