Blog
Gráficos a partir de datos

CSV a gráfico de pendiente online

Un gráfico de pendiente compara exactamente dos momentos y nada intermedio. Cada categoría se convierte en una sola línea que une su valor antiguo con el nuevo, así que la imagen es un haz de direcciones: qué subió, qué bajó y qué cambios fueron lo bastante pronunciados como para importar.

Tus datos no salen de este dispositivo

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

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 Comparar dos periodos en muchas categorías a la vez
Columnas usadas La primera y la última columna numérica; lo intermedio se ignora
Regla de color Verde si el valor subió, rojo si bajó, gris si no cambió
Leyenda Se muestra hasta 12 categorías; por encima las etiquetas ahogarían el gráfico
Límite de categorías Unas 20; pasado eso las líneas se enredan en el centro
Contenido de la exportación Ambos valores, la variación absoluta y la porcentual por fila

Cuándo induce a error

Cómo se calcula

Cada fila se convierte en una línea con exactamente dos puntos: su valor en la primera columna numérica y su valor en la última. Las columnas intermedias se ignoran a propósito; si quieres dibujarlas, la página correcta es el gráfico de líneas múltiples.

Las líneas se colorean por dirección y no por categoría: verde para una subida, rojo para una bajada, gris cuando los dos valores son iguales. Es el único lugar de la sección donde el color codifica significado en lugar de identidad, porque con veinte líneas una paleta categórica sería indescifrable igualmente.

El eje horizontal tiene exactamente dos posiciones, etiquetadas con los nombres de las dos columnas. No hay eje intermedio porque no hay datos intermedios, y dibujar rejilla entre medias sugeriría lo contrario.

La exportación lleva cuatro números por fila: el valor inicial, el final, la variación absoluta y la porcentual. Esa última columna es justo lo que la gente busca tras ver las pendientes, y leerla de una imagen es imposible.

Preguntas y respuestas

¿Qué columnas usa si mi tabla tiene cuatro?

La primera y la última columna numérica. Las intermedias se ignoran a propósito: un gráfico de pendiente es por definición una comparación de dos puntos. Reordena tus columnas si necesitas otro par.

¿Por qué las líneas son verdes y rojas en vez de por categoría?

Porque con más de un puñado de categorías una leyenda de color por categoría se vuelve ilegible. Aquí el mensaje es la dirección, así que el color lleva la dirección y las etiquetas llevan la identidad.

Mis líneas se enredan en el centro.

Ocurre cuando muchas categorías tienen valores parecidos. Un gráfico de barras con las variaciones, ordenado de mayor subida a mayor bajada, comunica lo mismo sin el nudo.

¿Puedo mostrar tres periodos?

No como gráfico de pendiente: se define por tener dos. Para tres o más usa el gráfico de líneas múltiples, donde los puntos intermedios son reales y no implícitos.

¿Se envían mis datos a alguna parte?

No. Todo, incluidas las variaciones porcentuales de la exportación, se calcula dentro de tu navegador.

Herramientas relacionadas

Todas las herramientas