Chart-Maker — Applicazione web per la creazione di grafici e diagrammi nel browser

Esistono 29 tipi, raggruppati in base a come si inseriscono i dati:

• Etichetta / valore: barre, linea, area, barre orizzontali, torta, ciambella, radar, area polare, nuvola di parole.
• Punti X / Y: dispersione (X, Y), bolle (X, Y, dimensione).
• Più set di dati: impilate, raggruppate, multilinea, combinato (ogni set è una barra o una linea).
• Categoria ed elenco di valori: box plot, violino.
• Gerarchia: treemap (etichetta, valore, gruppo).
• Griglia: mappa di calore (X, Y, valore).
• Flussi: sankey (da, a, flusso).
• Mappa: coropletica (paese scelto da un elenco, valore).
• Barre con barre di errore
• Candele / OHLC
• Imbuto
• Venn
• Grafo (rete)
• Indicatore
• Funzione (y = f(x))

La tabella dei dati si adatta al tipo scelto. «Aggiungi riga» aggiunge una voce, la croce ne rimuove una.

• Etichetta / valore: un’etichetta e un numero.
• Punti: X e Y (le bolle hanno anche la dimensione).
• Più set di dati: le categorie sono separate da virgole, i valori di ogni set sono un elenco di numeri separati da virgole; in combinato ogni set è impostato su barra o linea.
• Box / violino: un elenco di numeri separati da virgole nel campo dei valori.
• Mappa di calore: X, Y (categorie) e un valore.
• Sankey: da, a e la quantità del flusso.
• Coropletica: il paese si sceglie da un elenco a discesa (nomi nella lingua dell’interfaccia), più un valore.
• Barre con barre di errore: Etichetta, Valore, Errore.
• Candele / OHLC: Data, O/H/L/C.
• Imbuto: Etichetta, Valore.
• Venn: Insiemi (separati da virgola), Valore.
• Grafo (rete): Nodi (separati da virgola), Da/A.
• Indicatore: Valore, Max.
• Il tipo Funzione traccia y = f(x). Inserisci un'espressione — es. sin(x), x^2, sqrt(x) — l'intervallo X (min e max) e il numero di punti. Funzione valuta l'espressione e disegna la curva; la formula compare anche nell'elenco dati sotto il grafico.

Il pulsante «Esporta» apre una finestra.

• Formato: PNG, JPEG, WEBP, AVIF (un formato reale, codificato nel browser — l’encoder si carica al primo utilizzo) e SVG (vettoriale).
• Larghezza e altezza — dimensione dell’immagine in pixel; vuoto significa la dimensione attuale del grafico.
• Scarica immagine — salva l’immagine; vengono aggiunti uno sfondo e l’elenco dei dati sotto il grafico.
• Salva progetto — un file .json con tutte le impostazioni; la casella «Includi cronologia e registro» li aggiunge al file.
• in combo/multi ogni serie può usare l'asse Y sinistro o destro.

Il pulsante «Importa» apre una finestra con un’area in cui trascinare un file di progetto .json o fare clic per selezionarlo. Una volta scelto il file, il pulsante «Applica progetto» si attiva e carica le impostazioni (e la cronologia e il registro se sono stati salvati).

• Ctrl/Cmd + Z — annulla
• Ctrl/Cmd + Y o Ctrl/Cmd + Maiusc + Z — ripeti
• Ctrl/Cmd + S — salva progetto
• Ctrl/Cmd + E — finestra di esportazione
• Ctrl/Cmd + O — finestra di importazione
• Ctrl/Cmd + J — registro
• Ctrl/Cmd + , — impostazioni

Nei campi di immissione Ctrl+Z e Ctrl+Y funzionano come normale modifica del testo.

• Annulla / Ripeti: torna indietro e avanti sulle modifiche di dati e impostazioni.
• Registro: conserva azioni, suggerimenti ed errori; può essere cancellato.

La sezione «Avanzate» sopra la tabella raccoglie impostazioni opzionali: sottotitolo; smussatura, linee a gradini, tratteggiate e riempite; asse Y impilato e logaritmico; decimazione; posizione della legenda; dimensione punti e spessore linea; durata ed easing dell'animazione; ed effetti su richiesta — etichette, zoom/spostamento, annotazioni, linea di tendenza e mirino. Nei grafici combinati e multipli ogni serie può usare l'asse Y sinistro o destro. Ogni opzione appare solo per i tipi pertinenti.