Generador de gráficos desde CSV
Pega dos columnas de etiquetas y valores para crear un gráfico de barras, líneas o sectores con tabla accesible y descarga SVG.
Convierte una tabla pequeña en un gráfico
Esta herramienta parte de una estructura deliberadamente simple: una columna de etiquetas y otra de valores. Puedes pegar un CSV con cabecera `Etiqueta,Valor` o introducir directamente las filas. El parser acepta campos entrecomillados según las reglas habituales del formato CSV y muestra un mensaje claro si una fila tiene más o menos de dos columnas.
Después eliges una visualización. Las barras sirven para comparar categorías. Las líneas ayudan a ver una secuencia ordenada. Los sectores muestran partes de un total y, por eso, solo aceptan valores no negativos y al menos una cantidad positiva. Cambiar el CSV o el tipo de gráfico limpia el resultado anterior para que no confundas una imagen vieja con la nueva entrada.
Formato CSV aceptado
Cada fila de datos debe tener una etiqueta y un valor, separados por una coma. Por ejemplo:
Etiqueta,Valor
Enero,12
Febrero,18
Marzo,9 Si una etiqueta contiene una coma, escríbela entre comillas: "Ventas, norte",12. Una comilla dentro de una etiqueta se duplica según RFC 4180: "Zona ""A""",8. El valor puede ser positivo, cero o negativo para barras y líneas. Una celda vacía, una etiqueta vacía, una comilla sin cerrar o una fila con tres columnas detienen el proceso y señalan el problema.
Gráficos con negativos y ceros
Las barras horizontales sitúan los valores negativos a la izquierda del cero y los positivos a la derecha. En las líneas, un valor negativo queda debajo del cero. Si todos los valores son cero, el gráfico conserva una escala mínima y las etiquetas permiten leer las cantidades. Los límites se calculan con los valores presentes y se rechazan números tan grandes que desborden la suma o la escala.
Los sectores siguen otra regla. Un porcentaje negativo no puede representar una parte de un círculo, y un conjunto formado solo por ceros no tiene un total del que calcular porcentajes. En esos casos el generador devuelve un error, mientras que un valor cero junto a valores positivos se conserva como una categoría sin porción visible.
Tabla accesible y descarga SVG
El resultado incluye una tabla con las etiquetas y los valores utilizados. Esto permite revisar los datos con teclado o lector de pantalla, y comprobar una cifra sin depender de colores. El SVG descargable lleva título, descripción, etiquetas y valores visibles. Los textos introducidos se escapan antes de insertarse en la imagen, de modo que una etiqueta no se interpreta como marcado HTML.
El archivo se genera en tu navegador y se descarga como `grafico-occ.svg`. Puedes abrirlo en un navegador, editarlo en un programa vectorial o insertarlo en un documento. Si quieres una tabla editable en texto, consulta el generador de tablas; para transformar otra estructura de datos está el conversor JSON a CSV.
Cuándo usar cada tipo
Usa barras para comparar ventas por producto, respuestas por opción o unidades por categoría. Usa líneas para una serie temporal donde el orden tenga significado, como visitas por día. Usa sectores para una composición positiva, como la distribución de un presupuesto. Si las categorías tienen etiquetas largas, reduce el número de filas o acorta las etiquetas antes de generar el archivo para mantenerlo legible.
La herramienta admite hasta 50 filas y etiquetas de hasta 80 caracteres. El lienzo aumenta de altura para conservar todas las categorías. Las etiquetas largas se reparten en varias líneas y los gráficos de líneas y sectores incluyen una leyenda con valores. Para contrastes de color antes de publicar un gráfico puedes revisar el comprobador de contraste y para elegir una paleta tienes el generador de paletas.
Preguntas frecuentes
¿Qué formato CSV acepta?
Acepta dos columnas por fila: una etiqueta y un valor. Puedes incluir la cabecera Etiqueta,Valor.
¿Admite etiquetas con comas?
Sí. Encierra la etiqueta completa entre comillas dobles y escapa una comilla interna duplicándola.
¿Qué tipos de gráfico puedo crear?
Puedes generar barras, líneas y sectores.
¿Admite valores negativos?
Barras y líneas sí. Los gráficos de sectores muestran un error porque un porcentaje negativo no representa una parte válida del total.
¿Puedo descargar el gráfico?
Sí. Después de generarlo puedes descargar un SVG con el título, descripción, etiquetas y valores.
¿Se suben mis datos?
No. El CSV se procesa en el navegador y la tabla de datos queda en la página mientras trabajas.
Herramienta de OCC Tools