Cómo convertir registros CSV o JSON en un gráfico

Pega los registros o elige un archivo .csv / .json, selecciona una columna de etiquetas y una o varias series numéricas y pulsa «Generar gráfico». Los gráficos de líneas, barras, áreas, sectores y dispersión se dibujan en este navegador y salen como archivo SVG o PNG.

El gráfico cubre las primeras 80 filas de la tabla (12 en el circular) y la fila de métricas muestra «En el gráfico» junto al total de filas cuando algunas quedan fuera. Se leen hasta 1.000 filas, así que los porcentajes y las etiquetas de los ejes describen siempre lo que se dibuja de verdad.

  1. Pega los registros en el campo o elige un archivo CSV / JSON. El separador se detecta en la primera línea (coma, punto y coma o tabulación) salvo que lo elijas tú; el JSON debe ser un array de objetos o un objeto con un array «data». El límite es de 10 MB tanto para el archivo como para el texto pegado.
  2. Pulsa «Vista previa» (el archivo elegido se analiza al cargarse). La línea de estado indica filas y columnas; una celda de encabezado sin nombre recibe un nombre numerado y un encabezado repetido recibe el sufijo «(2)», de modo que no se pierde ninguna columna.
  3. Elige el tipo de gráfico, la columna de etiqueta / X y las series numéricas. Se listan las columnas con al menos un 75 % de valores numéricos, se preseleccionan las dos mejor rellenadas y, si la columna X contiene números, se usa como eje X en la dispersión.
  4. Pulsa «Generar gráfico». Las métricas muestran las filas, las series y, si el gráfico está limitado, cuántas filas se trazaron. Al cambiar el tipo, la etiqueta o las series, el gráfico se vuelve a dibujar al momento.
  5. Exporta el gráfico como SVG (vectorial, editable) o PNG (1520 x 800, dibujado en un lienzo local), o pulsa Clear para vaciar los datos, el gráfico, las métricas y el delimitador.

Qué acepta el analizador, qué muestran los ejes y qué contienen las exportaciones

Qué se lee del archivo

El CSV se analiza con campos entrecomillados, así que un separador o un salto de línea dentro de «comillas» sigue formando parte del valor, y se aceptan finales de línea \r\n y \r. La detección automática cuenta los separadores candidatos en la primera línea; si el archivo tiene una sola columna, o la primera línea no lleva separador, elige Coma, Punto y coma o Tabulación de forma explícita.

El JSON se lee como array de objetos, o como un objeto cuya propiedad «data» sea ese array; cualquier otra forma se rechaza con el mismo mensaje que un CSV roto. La lectura se detiene en 1.000 filas y entonces el estado dice «las primeras 1.000 de N filas» en lugar de dar a entender que el archivo era así de corto. Un texto pegado de más de 10 MB se rechaza igual que un archivo de ese tamaño.

Qué muestra el gráfico

Una columna se ofrece como serie cuando al menos tres cuartas partes de sus celdas rellenas son números; las celdas vacías y el texto se dibujan como huecos, no como ceros: la línea se corta en segmentos y la barra se omite. La selección por defecto prefiere las columnas rellenas en al menos el 75 % de las filas, así que una columna dispersa no se grafica por accidente.

Los gráficos cartesianos anclan la base del eje en cero cuando los datos son positivos; los valores negativos bajan el eje por debajo de cero y el gráfico de barras las dibuja hacia abajo desde la línea del cero en vez de recortarlas a un píxel. Las marcas siguen un paso 1 / 2 / 5 con la precisión que pide el dato (0,0002 … 0,0006 en una escala de milímetros; 500M / 1B / 1,5B en una grande), así que ninguna etiqueta queda cortada por el margen.

Filas, sectores y exportaciones

El gráfico circular usa una sola serie —la primera seleccionada— y el estado lo indica cuando hay varias marcadas. Las filas que pasan del duodécimo sector se suman en un sector «Otras filas», de modo que los porcentajes siguen describiendo toda la tabla y no solo la parte visible. La dispersión coloca los puntos por valor cuando la columna X es numérica y por posición cuando contiene etiquetas.

Un gráfico que ya no corresponde al campo se descarta: editar los datos, cargar otro archivo o fallar al analizar vacía el gráfico y desactiva los botones de exportación hasta que vuelvas a pulsar Generar. El SVG es un archivo independiente de 760 x 400; el PNG se dibuja al doble de ese tamaño en un lienzo de esta pestaña, así que ninguna exportación necesita un servidor.

Herramientas recientes: