Blog
Gráficos a partir de datos

CSV a minigráficos (sparklines) online

Cuando tienes ocho métricas y una sola pantalla, los minigráficos son la respuesta. Cada columna recibe su carril estrecho y su propia escala vertical, así que lo que comparas es la forma —sube, se aplana, da picos, gira— y no el nivel. Es el gráfico para una fila de panel o el margen izquierdo de un informe.

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

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 la forma de muchas métricas medidas en escalas distintas
Límite de carriles 10 columnas; más allá cada carril queda demasiado fino
Escalado Cada carril se normaliza a SU propio mínimo y máximo
Altura de línea 76 % del carril, dejando un margen para que las líneas vecinas nunca se toquen
Ejes Sin eje vertical por diseño: los niveles no son comparables a propósito
Salida PNG a doble escala, más CSV, JSON y Markdown con los valores originales

Cuándo induce a error

Cómo se calcula

Cada columna numérica se convierte en un carril, dibujados de arriba abajo en el orden en que aparecen las columnas. Dentro de su carril, cada serie se reescala para que su propio mínimo quede abajo y su propio máximo arriba, que es justamente lo que hace comparables las formas cuando los niveles no lo son.

Los carriles se dibujan en un único lienzo y no como imágenes pequeñas separadas. Así la exportación es un solo PNG, las etiquetas de carril quedan alineadas con las líneas y todo el conjunto se pega en un documento de una vez.

Cada línea ocupa solo el 76 % de la altura de su carril, dejando margen arriba y abajo. Sin ese margen el pico de una métrica tocaría el valle de la de encima y el ojo leería dos series distintas como una sola figura continua.

El eje vertical lleva nombres de carril en lugar de números. Imprimir una escala numérica común sería engañoso aquí, porque tal escala común no existe: cada carril se mide contra sí mismo.

Preguntas y respuestas

¿Por qué una métrica que apenas cambió parece tan dramática?

Porque su carril está estirado a su propio rango. Una columna que se mueve entre 2,0 y 2,1 llena el carril igual que una que va de 100 a 3000. Los minigráficos comparan forma, nunca magnitud: pon los números reales al lado.

¿Puedo dar a todos los carriles la misma escala?

En esta página no, porque anularía el propósito: las métricas de escalas distintas se aplastarían en líneas planas abajo. Si tus columnas comparten escala, usa el gráfico de líneas múltiples.

¿Cuántas métricas caben?

El techo aquí son diez carriles. Más allá, cada carril mide un par de píxeles y las formas dejan de distinguirse.

¿Por qué no hay números en el gráfico?

Por diseño. Un minigráfico es un complemento a un número, no un sustituto: el uso clásico es una línea pequeña junto al valor actual en una tabla.

¿Se suben mis datos?

No. La normalización y el dibujo ocurren por completo en tu navegador.

Herramientas relacionadas

Todas las herramientas