Secondo i neuroscienziati, rispondiamo meglio e più velocemente a una forma visiva rispetto a qualsiasi altro tipo di rappresentazione. Ecco perché grafici e diagrammi sono chiaramente una chiave per una migliore comprensione dei dati.
Quindi, se volete visualizzare grafici a barre, istogrammi o grafici a torta che siano moderni e pienamente compatibili con i principali browser, ma anche più adatti al modo in cui il cervello umano elabora le informazioni, Google Charts è una possibile risposta. I tipi di grafici disponibili in Google Charts sono vari: oltre ai classici grafici a barre, a colonne e a torta, Google Charts offre anche grafici elaborati come Treemap, Candlestick e Gauge.
Questo post del blog fornisce un esempio di grafico a ciambella, a mappa e a barre. Ogni grafico mostra la popolazione del Sud America suddivisa per Paese. Il seguente database contiene il metodo 4D per recuperare i dati e diversi file HTML per visualizzare i diversi grafici.
Formato dei dati
Questo database è molto semplice. È necessario un singolo metodo, GetJsonData, è necessario per restituire un array di dati JSON conforme alle specifiche di Google Chart.
Nei tre esempi di grafico che seguono, il formato dei dati è lo stesso, come mostrato di seguito:
{ "Data":[ ["Country", "Population"], ["Argentina", 43847277], ["Bolivia", 10888402], ["Brazil", 209567920], ["Chile", 18131850], ["Colombia", 48654392], ["Ecuador", 16385450], ["Gabon", 1763142], ["Guyana", 77061], ["Paraguay", 6725430], ["Peru", 31774225], ["Suriname", 54761], ["Uruguay", 3444071], ["Venezuela", 31518855] ] }
Grafico a ciambella
L’esempio di grafico a ciambella si trova nel file “donutChart.html” nella cartella Web.
Per ulteriori informazioni, consultare la documentazione sul grafico a torta di Google Charts.
Grafico a mappa
L’esempio di grafico a mappa si trova nel file “geoChart.html” della cartella Web.
Per ulteriori dettagli, consultare la documentazione sul grafico geo di Google Charts.
Grafico a barre
L’esempio di grafico a barre si trova nel file “barChart.html” della cartella Web.
Per maggiori dettagli, consultare la documentazione sul grafico a barre di Google Charts.