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

Generador en línia / fora de línia, 29 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
Avançat
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 29 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).
  • Barres amb barres d'error
  • Espelmes / OHLC
  • Embut
  • Venn
  • Graf (xarxa)
  • Indicador
  • Funció (y = f(x))

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.
  • Barres amb barres d'error: Etiqueta, Valor, Error.
  • Espelmes / OHLC: Data, O/H/L/C.
  • Embut: Etiqueta, Valor.
  • Venn: Conjunts (separats per coma), Valor.
  • Graf (xarxa): Nodes (separats per coma), Des de/Cap a.
  • Indicador: Valor, Màx.
  • El tipus Funció dibuixa y = f(x). Introduïu una expressió — p. ex. sin(x), x^2, sqrt(x) — l'interval X (mín i màx) i el nombre de punts. Funció avalua l'expressió i dibuixa la corba; la fórmula també apareix a la llista de dades sota el gràfic.

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.
  • en combinat/múltiple cada conjunt pot usar l'eix Y esquerre o dret.

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.

La secció «Avançat» sobre la taula agrupa opcions opcionals: subtítol; suavitzat, línies esglaonades, discontínues i emplenades; eix Y apilat i logarítmic; delmat; posició de la llegenda; mida del punt i gruix de línia; durada i suavitzat de l'animació; i efectes sota demanda — etiquetes, zoom/desplaçament, anotacions, línia de tendència i retícula. En gràfics combinats i múltiples cada conjunt pot usar l'eix Y esquerre o dret. Cada opció apareix només per als tipus aplicables.