Categorías hacia abajo, series a lo ancho, y nada más que configurar
Todo el modelo de datos es una tabla pequeña. Las filas son categorías, las etiquetas que corren a lo largo de la parte inferior de un gráfico de barras o de líneas, o que nombran las porciones de un gráfico circular. Las columnas son series, las cosas que se están midiendo. Un gráfico de ingresos mensuales de dos productos tiene doce categorías y dos series; el desglose de un presupuesto tiene una serie y tantas categorías como partidas.
La cuadrícula abre con cuatro categorías y una sola serie, todas las celdas vacías, y cada etiqueta es texto editable en lugar de un encabezado fijo. Cambia “Serie 1” por “Ingresos” y, en un gráfico de barras o de líneas, la leyenda se actualiza mientras escribes. La vista previa de debajo se redibuja en cada tecla, así que no hay botón de generar que pulsar ni ningún estado en el que el dibujo y los números discrepen.
Dos botones hacen crecer la tabla, añadir categoría y añadir serie, y un control pequeño de quitar se sitúa en cada fila y en cada columna. Ninguno te dejará borrar la última fila que quede ni la última columna, porque una tabla sin nada dentro no tiene gráfico que dibujar.
Cuatro tipos de gráfico leyendo la misma tabla
Los gráficos de barras agrupan un racimo de barras por categoría y las colorean por serie, e incluyen siempre el cero en la escala, de modo que la comparación que la longitud de una barra invita a hacer es la verdadera. Los de líneas dibujan una polilínea por serie con un marcador en cada punto, y se autoescalan al rango de los propios datos con un pequeño margen, que es lo apropiado cuando importa más la forma de una tendencia que su distancia al cero. El circular y el de anillo son el mismo dibujo con y sin agujero en el centro, los dos mostrando una única serie como partes de su total, con el agujero del anillo puesto en algo más de la mitad del radio.
Las leyendas siguen la misma lógica: los gráficos de barras y de líneas ponen leyenda a las series, los circulares y de anillo a las categorías, porque eso es lo que los colores distinguen en cada caso. Las tres paletas contienen diez colores y los reparten en el mismo orden de índice, así que cambiar entre ellas recolorea el gráfico sin barajar qué elemento es cuál.
Sin eje vertical, que es para lo que están las etiquetas de datos
Esta es la limitación honesta con la que hay que contar. El gráfico dibuja las etiquetas de categoría en la parte de abajo y, en un gráfico de barras, una línea base en el cero. No dibuja eje de valores, ni marcas de escala, ni líneas de rejilla. Eso mantiene la salida limpia y pequeña, y está bien para un gráfico cuya gracia es una comparación, pero significa que un lector no puede consultar un valor concreto solo con la imagen.
El remedio es la casilla de mostrar etiquetas de datos, que empieza desactivada. Actívala y cada barra y cada punto de línea imprime su propio número, redondeado a dos decimales, mientras que las porciones del circular y del anillo imprimen su parte como porcentaje con un decimal. Para cualquier cosa que vaya a un informe o a una diapositiva donde alguien pueda citar una cifra, actívala.
SVG para conservar, PNG para pegar
Bajo la vista previa hay tres botones de exportación. Descargar SVG guarda el marcado vectorial exacto que estás viendo, que se mantiene nítido a cualquier tamaño y se puede reabrir y editar en un programa vectorial. Descargar PNG rasteriza ese mismo marcado en una imagen plana a las dimensiones propias del gráfico, que es la que hay que usar para una presentación, un documento o un mensaje de chat. Copiar el código SVG deja el marcado en el portapapeles para pegarlo en una página o una plantilla.
Los tres salen de una única fuente, así que la vista previa, el SVG y el PNG no pueden discrepar nunca. El dibujo en sí es geometría simple ensamblada como texto SVG dentro de la página, sin ninguna biblioteca de gráficos y sin servidor, que es la razón por la que unos datos que todavía no estás listo para publicar se pueden graficar aquí con tranquilidad. Para una forma distinta de visual, el generador de nubes de palabras dimensiona palabras por frecuencia en lugar de representar números.
Meter números de verdad en la cuadrícula
- Copia un bloque de celdas de una hoja de cálculo y pégalo directamente sobre la cuadrícula. Sustituye todo, leyendo los nombres de serie de la primera fila y las etiquetas de categoría de la primera columna. La celda de la esquina de esa fila de cabecera se ignora, así que una hoja con un encabezado de “Mes” o “Región” funciona sin editar nada.
- O importa un archivo
.csv, que sigue exactamente la misma convención de primera fila y primera columna. - O escribe en las celdas directamente, que suele ser lo más rápido para el puñado de números que un gráfico de este tipo necesita en realidad.
- Elige el tipo de gráfico y la paleta, añade un título si quieres, y ajusta las dos casillas.
Copiar una selección de hoja de cálculo es el camino que debería usar la mayoría. Lleva unos dos
segundos y elimina los errores de transcripción que hacen que un gráfico escrito a mano esté
silenciosamente mal. Si el CSV del que partes no lo conoces y quieres ordenarlo o buscarlo antes de
graficar nada, el visor de CSV abre archivos .csv y .tsv como una tabla
navegable primero.
