Chart-Maker — Aplicació web per a la creació de gràfics i diagrames al navegador

Generador en línia / fora de línia, 21 tipus de gràfics, exportació a PNG JPEG WEBP AVIF SVG, historial, instruccions detallades, instal·lació de l'aplicació

Per a usuaris Aplicacions
Aplicació Chart-Maker
Per a desenvolupadors Biblioteques
Biblioteques Chart-Maker
Configuració del gràfic
JSON
Previsualització
Com fer-ho servir — instruccions detallades

El tauler «Configuració del gràfic» conté tots els controls; al costat, una previsualització en directe s’actualitza automàticament a cada canvi. En pantalles amples es mostren un al costat de l’altre; al telèfon, apilats, amb la previsualització sota la configuració.

Flux: 1) tria un tipus de gràfic; 2) escriu un títol i un nom de conjunt de dades; 3) omple les dades a la taula de sota; 4) desfés o refés si cal; 5) obre «Exporta» per baixar una imatge o desar el projecte.

Hi ha 21 tipus, agrupats segons com s’introdueixen les dades:

  • Etiqueta / valor: barres, línia, àrea, barres horitzontals, circular, anell, radar, àrea polar, núvol de paraules.
  • Punts X / Y: dispersió (X, Y), bombolles (X, Y, mida).
  • Diversos conjunts de dades: apilades, agrupades, multilínia, combinat (cada conjunt és una barra o una línia).
  • Categoria i llista de valors: diagrama de caixa, violí.
  • Jerarquia: treemap (etiqueta, valor, grup).
  • Graella: mapa de calor (X, Y, valor).
  • Fluxos: sankey (des de, cap a, flux).
  • Mapa: coroplètic (país triat d’una llista, valor).

La taula de dades s’adapta al tipus triat. «Afegeix fila» afegeix una entrada, la creu n’elimina una.

  • Etiqueta / valor: una etiqueta i un número.
  • Punts: X i Y (les bombolles també tenen mida).
  • Diversos conjunts de dades: les categories se separen per comes, els valors de cada conjunt són una llista de números separats per comes; en el combinat cada conjunt s’ajusta a barra o línia.
  • Caixa / violí: una llista de números separats per comes al camp de valors.
  • Mapa de calor: X, Y (categories) i un valor.
  • Sankey: des de, cap a i la quantitat del flux.
  • Coroplètic: el país es tria d’una llista desplegable (noms en l’idioma de la interfície), més un valor.

El botó «Exporta» obre una finestra.

  • Format: PNG, JPEG, WEBP, AVIF (un format real, codificat al navegador — el codificador es carrega en el primer ús) i SVG (vectorial).
  • Amplada i alçada — mida de la imatge en píxels; buit vol dir la mida actual del gràfic.
  • Baixa la imatge — desa la imatge; s’hi afegeixen un fons i la llista de dades sota el gràfic.
  • Desa el projecte — un fitxer .json amb tota la configuració; la casella «Inclou l’historial i el registre» els afegeix al fitxer.

El botó «Importa» obre una finestra amb una zona on pots deixar anar un fitxer de projecte .json o fer clic per seleccionar-lo. Un cop triat el fitxer, el botó «Aplica el projecte» s’activa i carrega la configuració (i l’historial i el registre si s’han desat).

  • Ctrl/Cmd + Z — desfés
  • Ctrl/Cmd + Y o Ctrl/Cmd + Maj + Z — refés
  • Ctrl/Cmd + S — desa el projecte
  • Ctrl/Cmd + E — finestra d’exportació
  • Ctrl/Cmd + O — finestra d’importació
  • Ctrl/Cmd + J — registre
  • Ctrl/Cmd + , — configuració

Als camps d’entrada, Ctrl+Z i Ctrl+Y funcionen com l’edició de text normal.

  • Desfés / Refés: torna enrere i endavant en els canvis de dades i configuració.
  • Registre: guarda accions, avisos i errors; es pot netejar.