Una panoramica completa dei migliori strumenti di visualizzazione dei dati

Il consumo di grandi insiemi di dati non è sempre semplice. A volte, i set di dati sono così grandi che è assolutamente impossibile discernere qualcosa di utile da essi. È qui che entrano in gioco le visualizzazioni dei dati.

La creazione di visualizzazioni dei dati raramente è semplice. Non è che i progettisti possano semplicemente prendere un set di dati con migliaia di voci e creare una visualizzazione da zero. Certo, è possibile, ma chi vuole passare decine o centinaia di ore a tracciare punti su un grafico a dispersione? È qui che entrano in gioco gli strumenti di visualizzazione dei dati.

Cosa sono gli strumenti di visualizzazione dei dati?

Gli strumenti di visualizzazione dei dati forniscono ai progettisti della visualizzazione dei dati un modo più semplice per creare rappresentazioni visive di grandi set di dati. Quando si ha a che fare con set di dati che includono centinaia di migliaia o milioni di punti dati, automatizzare il processo di creazione di una visualizzazione, almeno in parte, semplifica notevolmente il lavoro di un progettista.

Queste visualizzazioni dei dati possono quindi essere utilizzate per una varietà di scopi: dashboard, report annuali, materiali di vendita e marketing, presentazioni per investitori e praticamente ovunque le informazioni devono essere interpretate immediatamente.

Cosa hanno in comune i migliori strumenti di visualizzazione dei dati?

I migliori strumenti di visualizzazione dei dati sul mercato hanno alcune cose in comune. Il primo è la loro facilità d'uso. Sono disponibili alcune app incredibilmente complicate per la visualizzazione dei dati. Alcuni hanno un'eccellente documentazione e tutorial e sono progettati in modi che risultano intuitivi per l'utente. Altri mancano in quelle aree, eliminandoli da qualsiasi elenco di strumenti "migliori", indipendentemente dalle loro altre capacità.

Gli strumenti migliori possono anche gestire enormi set di dati. In effetti, i migliori possono persino gestire più set di dati in un'unica visualizzazione.

Gli strumenti migliori possono anche produrre una serie di diversi tipi di grafici, grafici e mappe. La maggior parte degli strumenti seguenti può produrre sia immagini che grafici interattivi. Tuttavia, esistono eccezioni alla varietà di criteri di output. Alcuni strumenti di visualizzazione dei dati si concentrano su un tipo specifico di grafico o mappa e lo fanno molto bene. Questi strumenti hanno anche un posto tra i "migliori" strumenti là fuori.

Infine, ci sono considerazioni sui costi. Sebbene un prezzo più alto non squalifica necessariamente uno strumento, il prezzo più alto deve essere giustificato in termini di supporto migliore, funzionalità migliori e valore complessivo migliore.

Confronto degli strumenti di visualizzazione dei dati

Sono disponibili dozzine, se non centinaia, di applicazioni, strumenti e script per creare visualizzazioni di grandi set di dati. Molti sono molto semplici e hanno molte funzioni sovrapposte.

Ma ci sono prodotti di spicco che hanno più capacità per i tipi di visualizzazioni che possono creare o sono significativamente più facili da usare rispetto alle altre opzioni disponibili.

Tableau (e Tableau Public)

Tableau ha una varietà di opzioni disponibili, tra cui un'app desktop, server e versioni online ospitate e un'opzione pubblica gratuita. Sono disponibili centinaia di opzioni di importazione dei dati, dai file CSV ai dati di Google Ads e Analytics ai dati di Salesforce.

Le opzioni di output includono più formati di grafici e funzionalità di mappatura. Ciò significa che i progettisti possono creare mappe con codice colore che mostrano dati geograficamente importanti in un formato molto più facile da digerire rispetto a una tabella o un grafico.

La versione pubblica di Tableau è gratuita per chiunque cerchi un modo potente per creare visualizzazioni di dati che possono essere utilizzate in una varietà di impostazioni. Dai giornalisti ai fanatici della politica fino a coloro che vogliono solo quantificare i dati della propria vita, Tableau Public ha moltissimi usi potenziali. Hanno una vasta galleria di infografiche e visualizzazioni che sono state create con la versione pubblica per servire da ispirazione per coloro che sono interessati a crearne una propria.

Professionisti

• Centinaia di opzioni di importazione dei dati
• Capacità di mappatura
• Disponibile versione pubblica gratuita
• Tanti tutorial video per guidarti nell'utilizzo di Tableau

contro

• Le versioni non gratuite sono costose ($ 70/mese/utente per il software Tableau Creator)
• La versione pubblica non consente di mantenere private le analisi dei dati

Esempi di visualizzazione dei dati

Linea di fondo

Tableau è un'ottima opzione per coloro che hanno bisogno di creare mappe oltre ad altri tipi di grafici. Tableau Public è anche un'ottima opzione per chiunque desideri creare visualizzazioni rivolte al pubblico.

Infogramma

Infogram è uno strumento di visualizzazione drag-and-drop completo che consente anche ai non designer di creare visualizzazioni efficaci dei dati per report di marketing, infografiche, post sui social media, mappe, dashboard e altro ancora.

Le visualizzazioni finite possono essere esportate in diversi formati: .PNG, .JPG, .GIF, .PDF e .HTML. Sono anche possibili visualizzazioni interattive, perfette per l'incorporamento in siti Web o app. Infogram offre anche un plug-in per WordPress che rende l'incorporamento delle visualizzazioni ancora più semplice per gli utenti di WordPress.

Professionisti

• Prezzi a più livelli, incluso un piano gratuito con funzionalità di base
• Include oltre 35 tipi di grafici e oltre 550 tipi di mappe
• Trascina e rilascia l'editor
• API per l'importazione di origini dati aggiuntive

contro

• Significativamente meno origini dati integrate rispetto ad altre app

Esempi

Linea di fondo

Infogram è un'ottima opzione sia per i non designer che per i designer. L'editor drag-and-drop semplifica la creazione di design dall'aspetto professionale senza molte abilità di progettazione visiva.

ChartBlocks

ChartBlocks afferma che i dati possono essere importati da "ovunque" utilizzando la loro API, compresi i feed live. Anche se dicono che l'importazione di dati da qualsiasi fonte può essere eseguita in "pochi clic", è destinata a essere più complessa di altre app che hanno moduli automatizzati o estensioni per origini dati specifiche.

L'app consente un'ampia personalizzazione della visualizzazione finale creata e la creazione guidata del grafico aiuta gli utenti a scegliere esattamente i dati giusti per i propri grafici prima di importarli.

I progettisti possono creare praticamente qualsiasi tipo di grafico e l'output è reattivo, un grande vantaggio per i progettisti di visualizzazione dei dati che desiderano incorporare grafici in siti Web che possono essere visualizzati su una varietà di dispositivi.

Professionisti

• Sono disponibili piani a pagamento gratuiti ea prezzi ragionevoli
• Procedura guidata facile da usare per l'importazione dei dati necessari

contro

• Non è chiaro quanto sia robusta la loro API
• Non sembra avere alcuna capacità di mappatura

Esempi

Linea di fondo

ChartBlocks ha un eccellente piano gratuito, che è un grande vantaggio. Anche la facilità d'uso per la creazione di grafici e grafici di base è eccezionale.

Involucro di dati

Datawrapper è stato creato appositamente per aggiungere grafici e mappe alle notizie. I grafici e le mappe create sono interattive e realizzate per essere incorporate nei siti web di notizie. Le loro origini dati sono limitate, tuttavia, con il metodo principale che consiste nel copiare e incollare i dati nello strumento.

Una volta importati i dati, è possibile creare grafici con un solo clic. I loro tipi di visualizzazione includono colonne, linee e grafici a barre, ciambelle elettorali, grafici ad area, grafici a dispersione, mappe di coropleti e simboli e mappe di localizzazione, tra gli altri. Le visualizzazioni finite ricordano quelle viste su siti come il New York Times o il Boston Globe. In effetti, i loro grafici sono utilizzati da pubblicazioni come Mother Jones, Fortune e The Times.

Il piano gratuito è perfetto per incorporare grafica su siti più piccoli con traffico limitato, ma i piani a pagamento sono costosi, a partire da $ 39 al mese.

Professionisti

• Specificamente progettato per la visualizzazione dei dati in redazione
• Il piano gratuito è adatto per i siti più piccoli
• Lo strumento include un controllo daltonismo integrato

contro

• Fonti di dati limitate
• I piani a pagamento sono costosi

Esempio

Linea di fondo

Datawrapper è una scelta eccellente per la visualizzazione dei dati per i siti di notizie. Nonostante il prezzo, le funzionalità incluse da Datawrapper per la visualizzazione specifica delle notizie ne valgono la pena.

D3.js

D3.js è una libreria JavaScript per la manipolazione di documenti utilizzando i dati. D3.js richiede almeno una certa conoscenza di JS, anche se esistono app che consentono agli utenti non programmatori di utilizzare la libreria.

Queste app includono NVD3, che offre grafici riutilizzabili per D3.js; Chart Studio di Plotly, che consente anche ai designer di creare WebGL e altri grafici; e Ember Charts, che utilizza anche il framework Ember.js.

Professionisti

• Molto potente e personalizzabile
• È possibile un numero enorme di tipi di grafici
• Un focus sugli standard web
• Strumenti disponibili per consentire ai non programmatori di creare visualizzazioni
• Gratuito e open source

contro

• Richiede conoscenze di programmazione da utilizzare da solo
• Meno supporto disponibile rispetto agli strumenti a pagamento

Esempi

Linea di fondo

D3.js è adatto solo a quei progettisti che hanno accesso a un programmatore per chiedere aiuto o hanno conoscenze di programmazione essi stessi.

Grafici di Google

Google Charts è uno strumento di visualizzazione dei dati potente e gratuito, specifico per la creazione di grafici interattivi da incorporare online. Funziona con dati dinamici e gli output sono basati esclusivamente su HTML5 e SVG, quindi funzionano nei browser senza l'uso di plug-in aggiuntivi. Le origini dati includono Google Spreadsheets, Google Fusion Tables, Salesforce e altri database SQL.

Esistono diversi tipi di grafici, tra cui mappe, grafici a dispersione, grafici a colonne e a barre, istogrammi, grafici ad area, grafici a torta, mappe ad albero, linee temporali, indicatori e molti altri. Questi grafici possono essere completamente personalizzati, tramite una semplice modifica CSS.

Professionisti

• Libero
• Ampia varietà di formati grafici disponibili
• Compatibile con più browser poiché utilizza HTML5/SVG
• Funziona con dati dinamici

contro

• Oltre ai tutorial e ai forum disponibili, il supporto è limitato

Esempi

Linea di fondo

Google Charts è un'ottima opzione se un designer è in qualche modo a suo agio con la programmazione e desidera una soluzione potente e gratuita. La possibilità di utilizzare qualsiasi database SQL come origine dati lo rende una buona opzione anche per set di dati di grandi dimensioni.

Grafici Fusion

FusionCharts è un'altra opzione basata su JavaScript per la creazione di dashboard web e mobili. Include oltre 150 tipi di grafici e 1.000 tipi di mappe. Può integrarsi con i più diffusi framework JS (inclusi React, jQuery, React, Ember e Angular) nonché con linguaggi di programmazione lato server (inclusi PHP, Java, Django e Ruby on Rails).

FusionCharts fornisce codice pronto per l'uso per tutte le variazioni di grafici e mappe, rendendo più facile l'incorporamento nei siti Web anche per quei progettisti con conoscenze di programmazione limitate. Poiché FusionCharts mira a creare dashboard anziché semplici visualizzazioni di dati, è una delle opzioni più costose incluse in questo articolo. Ma è anche uno dei più potenti.

Professionisti

• Enorme numero di opzioni di formato grafico e mappa
• Più funzionalità rispetto alla maggior parte degli altri strumenti di visualizzazione
• Si integra con diversi framework e linguaggi di programmazione

contro

• Costoso (a partire da quasi $ 500 per una licenza per sviluppatori)
• Overkill per visualizzazioni semplici al di fuori di un ambiente dashboard

Esempi

Linea di fondo

Per la creazione di dashboard, nient'altro in questo articolo è davvero paragonabile a FusionCharts. Se questo è il progetto in questione, questa è senza dubbio la scelta più potente.

Chart.js

Chart.js è una libreria di grafici JavaScript semplice ma flessibile. È open source, fornisce una buona varietà di tipi di grafici (otto in totale) e consente animazioni e interazioni.

Chart.js utilizza HTML5 Canvas per l'output, quindi esegue il rendering dei grafici in modo ottimale su tutti i browser moderni. Anche i grafici creati sono reattivi, quindi è ottimo per creare visualizzazioni ottimizzate per i dispositivi mobili.

Professionisti

• Gratuito e open source
• Output reattivo e compatibile con più browser

contro

• Tipi di grafici molto limitati rispetto ad altri strumenti
• Supporto limitato al di fuori della documentazione ufficiale

Esempi

Linea di fondo

Chart.js è una buona opzione per i designer che necessitano di un'opzione di visualizzazione interattiva semplice, personalizzabile. I suoi maggiori punti di forza sono che è gratuito e open source.

Grafana

Grafana è un software di visualizzazione open source che consente agli utenti di creare dashboard dinamici e altre visualizzazioni. Supporta origini dati miste, annotazioni e funzioni di avviso personalizzabili e può essere esteso tramite centinaia di plug-in disponibili. Ciò lo rende uno degli strumenti di visualizzazione più potenti disponibili.

Le funzioni di esportazione consentono ai progettisti di condividere istantanee dei dashboard e invitare altri utenti a collaborare. Grafana supporta oltre 50 fonti di dati tramite plugin. È scaricabile gratuitamente oppure è disponibile una versione ospitata su cloud per $ 49 al mese. (C'è anche una versione ospitata gratuita molto limitata.) La versione scaricabile ha anche piani di supporto disponibili, qualcosa che molti altri strumenti open source non offrono.

Professionisti

• Open source, con opzioni gratuite e a pagamento disponibili
• Ampia selezione di fonti di dati disponibili
• Varietà di tipi di grafici disponibili
• Semplifica la creazione di dashboard dinamici
• Può funzionare con feed di dati misti

contro

• Eccessivo per la creazione di visualizzazioni semplici
• Non offre tante opzioni di personalizzazione visiva come altri strumenti
• Non è l'opzione migliore per creare immagini di visualizzazione
• Non è possibile incorporare dashboard nei siti Web, sebbene possibile per singoli pannelli

Esempi

Linea di fondo

Grafana è una delle migliori opzioni per la creazione di dashboard per uso interno, in particolare per origini dati miste o di grandi dimensioni.

Chartist.js

Chartist.js è una libreria JavaScript gratuita e open source che consente di creare semplici grafici reattivi altamente personalizzabili e compatibili con più browser. L'intera libreria JavaScript è solo 10 KB quando GZIPped. I grafici creati con Chartist.js possono anche essere animati e i plugin ne consentono l'estensione.

Professionisti

• Gratuito e open source
• Piccole dimensioni del file
• I grafici possono essere animati

contro

• Non la più ampia selezione di tipi di grafici disponibili
• Nessuna capacità di mappatura
• Supporto limitato al di fuori della comunità degli sviluppatori

Esempi

Linea di fondo

Chartist.js è una buona opzione per i designer che desiderano grafici semplici, incorporabili e reattivi con file di piccole dimensioni.

Sigmajs

Sigmajs è uno strumento di visualizzazione monouso per la creazione di grafici di rete. È altamente personalizzabile ma richiede alcune conoscenze di base di JavaScript per essere utilizzato. I grafici creati sono incorporabili, interattivi e reattivi.

Professionisti

• Altamente personalizzabile ed estensibile
• Gratuito e open source
• Grafici facili da incorporare in siti Web e app

contro

• Crea un solo tipo di visualizzazione: i grafici di rete
• Richiede la conoscenza di JS per la personalizzazione e l'implementazione

Esempi

Linea di fondo

Grazie al suo unico obiettivo, Sigmajs è un'ottima opzione per la creazione di grafici di rete purché il progettista abbia dimestichezza con JavaScript.

Polimappe

Polymaps è una libreria JavaScript dedicata per la mappatura. I risultati sono mappe dinamiche e reattive in una varietà di stili, dalle sovrapposizioni di immagini alle mappe di simboli alle mappe di densità. Utilizza SVG per creare le immagini, quindi i designer possono utilizzare CSS per personalizzare gli elementi visivi delle loro mappe.

Professionisti

• Gratuito e open source
• Costruito appositamente per la mappatura
• Mappe facili da incorporare in siti Web e app

contro

• Crea solo un tipo di visualizzazione
• Richiede alcune conoscenze di codifica per la personalizzazione e l'implementazione

Esempi

Linea di fondo

Polymaps è una buona opzione se le mappe sono l'unico tipo di visualizzazione richiesto, purché il progettista abbia dimestichezza con alcune codifiche di base.

Conclusione

C'è una tale varietà di strumenti di visualizzazione a disposizione dei progettisti che può essere difficile decidere quale usare. I progettisti della visualizzazione dei dati dovrebbero tenere a mente cose come la facilità d'uso e se uno strumento ha le funzionalità di cui hanno bisogno.

Selezionare lo strumento più potente disponibile non è sempre l'idea migliore: le curve di apprendimento possono essere ripide, richiedendo più risorse per iniziare a funzionare, mentre uno strumento più semplice potrebbe essere in grado di creare esattamente ciò che è necessario in una frazione del tempo. Ricorda, tuttavia, che lo strumento è solo una parte dell'equazione nella creazione di una visualizzazione dei dati; i progettisti devono anche considerare cos'altro serve per creare un'ottima visualizzazione dei dati.

La maggior parte degli strumenti di visualizzazione dei dati include prove gratuite (se l'intero strumento non è gratuito), quindi vale la pena dedicare del tempo a provarne alcuni prima di decidere un'unica soluzione.

• • •

Ulteriori letture sul blog di Toptal Design:

1. Visualizzazione dei dati: buone pratiche e fondamenti
2. Lasciati ispirare da queste visualizzazioni dei dati
3. Progettazione dashboard: considerazioni e best practice
4. Se non stai utilizzando i dati UX, non è UX Design
5. La forza dei numeri: una panoramica della progettazione basata sui dati