Chart-Maker — Aplicación web para crear gráficos y diagramas en el navegador

Generador en línea / fuera de línea, 21 tipos de gráficos, exportación a PNG JPEG WEBP AVIF SVG, historial, instrucciones detalladas, instalación de la aplicación

Para Usuarios Aplicaciones
Aplicación Chart-Maker
Para Desarrolladores Bibliotecas
Bibliotecas Chart-Maker
Ajustes del gráfico
JSON
Vista previa
Cómo usar — instrucciones detalladas

El panel «Ajustes del gráfico» contiene todos los controles; junto a él, una vista previa en vivo se actualiza automáticamente con cada cambio. En pantallas anchas ambos aparecen uno al lado del otro; en el teléfono, apilados, con la vista previa debajo de los ajustes.

Flujo: 1) elija un tipo de gráfico; 2) escriba un título y un nombre de conjunto de datos; 3) rellene los datos en la tabla de abajo; 4) deshaga o rehaga si es necesario; 5) abra «Exportar» para descargar una imagen o guardar el proyecto.

Hay 21 tipos, agrupados según cómo se introducen sus datos:

  • Etiqueta / valor: barras, líneas, área, barras horizontales, circular, anillo, radar, área polar, nube de palabras.
  • Puntos X / Y: dispersión (X, Y), burbujas (X, Y, tamaño).
  • Varios conjuntos de datos: apiladas, agrupadas, multilínea, combinado (cada conjunto es una barra o una línea).
  • Categoría y lista de valores: diagrama de caja, violín.
  • Jerarquía: treemap (etiqueta, valor, grupo).
  • Cuadrícula: mapa de calor (X, Y, valor).
  • Flujos: sankey (desde, hacia, flujo).
  • Mapa: coroplético (país elegido de una lista, valor).

La tabla de datos se adapta al tipo elegido. «Añadir fila» agrega una entrada, la cruz elimina una.

  • Etiqueta / valor: una etiqueta y un número.
  • Puntos: X e Y (las burbujas también tienen tamaño).
  • Varios conjuntos de datos: las categorías se separan por comas, los valores de cada conjunto son una lista de números separados por comas; en combinado cada conjunto se ajusta a barra o línea.
  • Caja / violín: una lista de números separados por comas en el campo de valores.
  • Mapa de calor: X, Y (categorías) y un valor.
  • Sankey: desde, hacia y la cantidad del flujo.
  • Coroplético: el país se elige de una lista desplegable (nombres en el idioma de la interfaz), más un valor.

El botón «Exportar» abre una ventana.

  • Formato: PNG, JPEG, WEBP, AVIF (un formato real, codificado en el navegador — el codificador se carga en el primer uso) y SVG (vectorial).
  • Ancho y alto — tamaño de la imagen en píxeles; vacío significa el tamaño actual del gráfico.
  • Descargar imagen — guarda la imagen; se le añaden un fondo y la lista de datos debajo del gráfico.
  • Guardar proyecto — un archivo .json con todos los ajustes; la casilla «Incluir historial y registro» los añade al archivo.

El botón «Importar» abre una ventana con una zona donde puede soltar un archivo de proyecto .json o hacer clic para seleccionarlo. Una vez elegido el archivo, el botón «Aplicar proyecto» se activa y carga los ajustes (y el historial y el registro si se guardaron).

  • Ctrl/Cmd + Z — deshacer
  • Ctrl/Cmd + Y o Ctrl/Cmd + Mayús + Z — rehacer
  • Ctrl/Cmd + S — guardar proyecto
  • Ctrl/Cmd + E — ventana de exportación
  • Ctrl/Cmd + O — ventana de importación
  • Ctrl/Cmd + J — registro
  • Ctrl/Cmd + , — ajustes

En los campos de entrada, Ctrl+Z y Ctrl+Y funcionan como edición de texto normal.

  • Deshacer / Rehacer: retroceder y avanzar en los cambios de datos y ajustes.
  • Registro: guarda acciones, avisos y errores; se puede borrar.