O prezentare completă a celor mai bune instrumente de vizualizare a datelor

Consumul de seturi mari de date nu este întotdeauna simplu. Uneori, seturile de date sunt atât de mari încât este de-a dreptul imposibil să discernești ceva util din ele. Aici intervin vizualizările de date.

Crearea de vizualizări de date este rareori simplă. Nu este ca și cum designerii ar putea pur și simplu să ia un set de date cu mii de intrări și să creeze o vizualizare de la zero. Sigur, este posibil, dar cine vrea să petreacă zeci sau sute de ore trasând puncte pe o diagramă de dispersie? Aici intervin instrumentele de vizualizare a datelor.

Ce sunt instrumentele de vizualizare a datelor?

Instrumentele de vizualizare a datelor oferă designerilor de vizualizare a datelor o modalitate mai ușoară de a crea reprezentări vizuale ale seturilor mari de date. Când aveți de-a face cu seturi de date care includ sute de mii sau milioane de puncte de date, automatizarea procesului de creare a unei vizualizări, cel puțin parțial, face munca unui designer mult mai ușoară.

Aceste vizualizări de date pot fi apoi utilizate pentru o varietate de scopuri: tablouri de bord, rapoarte anuale, materiale de vânzări și marketing, diapozitive pentru investitori și, practic, oriunde altundeva, informațiile trebuie interpretate imediat.

Ce au în comun cele mai bune instrumente de vizualizare a datelor?

Cele mai bune instrumente de vizualizare a datelor de pe piață au câteva lucruri în comun. În primul rând este ușurința lor de utilizare. Există câteva aplicații incredibil de complicate disponibile pentru vizualizarea datelor. Unele au documentație și tutoriale excelente și sunt concepute în moduri care par intuitive pentru utilizator. Alții lipsesc în acele domenii, eliminându-i din orice listă de „cele mai bune” instrumente, indiferent de celelalte capacități ale acestora.

Cele mai bune instrumente pot gestiona, de asemenea, seturi uriașe de date. De fapt, cei mai buni pot gestiona chiar și mai multe seturi de date într-o singură vizualizare.

Cele mai bune instrumente pot scoate, de asemenea, o serie de diferite tipuri de diagrame, grafice și hărți. Majoritatea instrumentelor de mai jos pot scoate atât imagini, cât și grafice interactive. Există totuși excepții de la varietatea criteriilor de ieșire. Unele instrumente de vizualizare a datelor se concentrează pe un anumit tip de diagramă sau hartă și o fac foarte bine. Aceste instrumente au, de asemenea, un loc printre „cele mai bune” instrumente de acolo.

În cele din urmă, există considerații legate de cost. În timp ce o etichetă de preț mai mare nu descalifică neapărat un instrument, eticheta de preț mai mare trebuie justificată în termeni de asistență mai bună, caracteristici mai bune și valoare generală mai bună.

Comparația instrumentelor de vizualizare a datelor

Există zeci, dacă nu sute, de aplicații, instrumente și scripturi disponibile pentru a crea vizualizări ale seturilor mari de date. Multe sunt foarte simple și au multe caracteristici care se suprapun.

Dar există elemente remarcabile care fie au mai multe capacități pentru tipurile de vizualizări pe care le pot crea, fie sunt semnificativ mai ușor de utilizat decât celelalte opțiuni existente.

Tableau (și Tableau Public)

Tableau are o varietate de opțiuni disponibile, inclusiv o aplicație desktop, un server și versiuni online găzduite și o opțiune publică gratuită. Există sute de opțiuni de import de date disponibile, de la fișiere CSV la date Google Ads și Analytics la date Salesforce.

Opțiunile de ieșire includ mai multe formate de diagramă, precum și capacitatea de cartografiere. Aceasta înseamnă că designerii pot crea hărți cu coduri de culori care prezintă date importante din punct de vedere geografic într-un format care este mult mai ușor de digerat decât ar putea fi vreodată un tabel sau o diagramă.

Versiunea publică a Tableau este gratuită pentru oricine caută o modalitate puternică de a crea vizualizări de date care pot fi utilizate într-o varietate de setări. De la jurnaliști la drogați politici și până la cei care doresc doar să cuantifice datele propriei vieți, există o mulțime de utilizări potențiale pentru Tableau Public. Au o galerie extinsă de infografice și vizualizări care au fost create cu versiunea publică pentru a servi drept inspirație pentru cei care sunt interesați să-și creeze propria lor.

Pro

• Sute de opțiuni de import de date
• Capacitate de cartografiere
• Versiune publică gratuită disponibilă
• O mulțime de tutoriale video pentru a vă ghida prin cum să utilizați Tableau

Contra

• Versiunile care nu sunt gratuite sunt scumpe (70 USD/lună/utilizator pentru software-ul Tableau Creator)
• Versiunea publică nu vă permite să păstrați analiza datelor private

Exemple de vizualizare a datelor

Concluzie

Tableau este o opțiune excelentă pentru cei care trebuie să creeze hărți pe lângă alte tipuri de diagrame. Tableau Public este, de asemenea, o opțiune excelentă pentru oricine dorește să creeze vizualizări pentru public.

Infogramă

Infogram este un instrument complet de vizualizare prin drag-and-drop care permite chiar și non-designerilor să creeze vizualizări eficiente ale datelor pentru rapoarte de marketing, infografice, postări pe rețelele sociale, hărți, tablouri de bord și multe altele.

Vizualizările finalizate pot fi exportate în mai multe formate: .PNG, .JPG, .GIF, .PDF și .HTML. Sunt posibile și vizualizări interactive, perfecte pentru încorporarea în site-uri web sau aplicații. Infogram oferă, de asemenea, un plugin WordPress care face încorporarea vizualizărilor și mai ușoară pentru utilizatorii WordPress.

Pro

• Prețuri pe niveluri, inclusiv un plan gratuit cu funcții de bază
• Include peste 35 de tipuri de hărți și peste 550 de tipuri de hărți
• Trageți și plasați editorul
• API pentru importarea surselor de date suplimentare

Contra

• Mult mai puține surse de date încorporate decât alte aplicații

Exemple

Concluzie

Infogramul este o opțiune excelentă pentru non-designeri, precum și pentru designeri. Editorul drag-and-drop facilitează crearea de modele cu aspect profesional, fără o mulțime de abilități de design vizual.

ChartBlocks

ChartBlocks susține că datele pot fi importate de „oriunde” folosind API-ul lor, inclusiv din fluxurile live. Deși se spune că importarea datelor din orice sursă se poate face în „doar câteva clicuri”, este sigur că va fi mai complex decât alte aplicații care au module sau extensii automate pentru anumite surse de date.

Aplicația permite personalizarea extinsă a vizualizării finale create, iar asistentul de creare a diagramelor ajută utilizatorii să aleagă exact datele potrivite pentru diagramele lor înainte de a importa datele.

Designerii pot crea practic orice tip de diagramă, iar rezultatul este receptiv - un mare avantaj pentru designerii de vizualizare a datelor care doresc să încorporeze diagrame în site-uri web care probabil să fie vizualizate pe o varietate de dispozitive.

Pro

• Sunt disponibile planuri plătite gratuite și la prețuri rezonabile
• Vrăjitor ușor de utilizat pentru importarea datelor necesare

Contra

• Nu este clar cât de robust este API-ul lor
• Nu pare să aibă nicio capacitate de cartografiere

Exemple

Concluzie

ChartBlocks are un plan gratuit excelent, ceea ce este un mare plus. Ușurința de utilizare pentru crearea de diagrame și grafice de bază este, de asemenea, remarcabilă.

Datawrapper

Datawrapper a fost creat special pentru a adăuga diagrame și hărți la știri. Diagramele și hărțile create sunt interactive și făcute pentru a fi încorporate pe site-urile de știri. Sursele lor de date sunt însă limitate, metoda principală fiind copierea și lipirea datelor în instrument.

Odată importate datele, diagramele pot fi create cu un singur clic. Tipurile lor de vizualizare includ diagrame cu coloane, linii și bare, gogoși pentru alegeri, diagrame cu zone, diagrame de dispersie, hărți coroplete și simboluri și hărți de localizare, printre altele. Vizualizările terminate amintesc de cele văzute pe site-uri precum New York Times sau Boston Globe. De fapt, topurile lor sunt folosite de publicații precum Mother Jones, Fortune și The Times.

Planul gratuit este perfect pentru încorporarea de elemente grafice pe site-uri mai mici, cu trafic limitat, dar planurile plătite sunt mai scumpe, începând de la 39 USD/lună.

Pro

• Proiectat special pentru vizualizarea datelor din redacție
• Planul gratuit este potrivit pentru site-urile mai mici
• Instrumentul include un control al daltonismului încorporat

Contra

• Surse limitate de date
• Planurile plătite sunt pe partea scumpă

Exemplu

Concluzie

Datawrapper este o alegere excelentă pentru vizualizarea datelor pentru site-urile de știri. În ciuda prețului, funcțiile pe care Datawrapper le include pentru vizualizarea specifică știrilor îl fac să merite.

D3.js

D3.js este o bibliotecă JavaScript pentru manipularea documentelor folosind date. D3.js necesită cel puțin unele cunoștințe JS, deși există aplicații care permit utilizatorilor care nu sunt programatori să utilizeze biblioteca.

Aceste aplicații includ NVD3, care oferă diagrame reutilizabile pentru D3.js; Plotly's Chart Studio, care permite, de asemenea, designerilor să creeze WebGL și alte diagrame; și Ember Charts, care utilizează, de asemenea, cadrul Ember.js.

Pro

• Foarte puternic și personalizabil
• Este posibil un număr mare de tipuri de diagrame
• Un accent pe standardele web
• Instrumente disponibile pentru a permite non-programatorilor să creeze vizualizări
• Gratuit și open source

Contra

• Necesită cunoștințe de programare pentru a fi folosit singur
• Mai puțin suport disponibil decât cu instrumentele plătite

Exemple

Concluzie

D3.js este potrivit doar pentru acei designeri care fie au acces la un programator pentru ajutor, fie au ei înșiși cunoștințe de programare.

Google Charts

Google Charts este un instrument puternic și gratuit de vizualizare a datelor, care este special pentru crearea de diagrame interactive pentru încorporarea online. Funcționează cu date dinamice, iar ieșirile se bazează exclusiv pe HTML5 și SVG, deci funcționează în browsere fără a utiliza pluginuri suplimentare. Sursele de date includ Google Spreadsheets, Google Fusion Tables, Salesforce și alte baze de date SQL.

Există o varietate de tipuri de diagrame, inclusiv hărți, diagrame de dispersie, diagrame cu coloane și bare, histograme, diagrame cu zone, diagrame circulare, hărți arbore, cronologie, indicatori și multe altele. Aceste diagrame pot fi personalizate complet, printr-o simplă editare CSS.

Pro

• Gratuit
• O mare varietate de formate de diagrame disponibile
• Compatibil între browsere, deoarece folosește HTML5/SVG
• Funcționează cu date dinamice

Contra

• Dincolo de tutorialele și forumurile disponibile, există asistență limitată

Exemple

Concluzie

Google Charts este o opțiune excelentă dacă un designer se simte oarecum confortabil cu codificarea și dorește o soluție puternică, gratuită. Posibilitatea de a utiliza orice bază de date SQL ca sursă de date o face o opțiune bună și pentru seturi mari de date.

FusionCharts

FusionCharts este o altă opțiune bazată pe JavaScript pentru crearea de tablouri de bord web și mobile. Include peste 150 de tipuri de diagrame și 1.000 de tipuri de hărți. Se poate integra cu cadre JS populare (inclusiv React, jQuery, React, Ember și Angular), precum și cu limbaje de programare pe partea de server (inclusiv PHP, Java, Django și Ruby on Rails).

FusionCharts oferă cod gata de utilizat pentru toate variațiile de diagramă și hărți, facilitând încorporarea în site-uri web chiar și pentru acei designeri cu cunoștințe limitate de programare. Deoarece FusionCharts are ca scop crearea de tablouri de bord și nu doar vizualizări simple de date, este una dintre cele mai scumpe opțiuni incluse în acest articol. Dar este și una dintre cele mai puternice.

Pro

• Număr mare de opțiuni de format pentru diagrame și hărți
• Mai multe caracteristici decât majoritatea altor instrumente de vizualizare
• Se integrează cu un număr de cadre și limbaje de programare diferite

Contra

• Scump (începe de la aproape 500 USD pentru o licență de dezvoltator)
• Exagerat pentru vizualizări simple în afara unui mediu de tablou de bord

Exemple

Concluzie

Pentru a crea tablouri de bord, nimic altceva din acest articol nu se compară cu FusionCharts. Dacă acesta este proiectul la îndemână, aceasta este, fără îndoială, cea mai puternică alegere.

Chart.js

Chart.js este o bibliotecă de grafice JavaScript simplă, dar flexibilă. Este open source, oferă o varietate bună de tipuri de diagrame (opt în total) și permite animație și interacțiune.

Chart.js folosește HTML5 Canvas pentru ieșire, așa că redă bine diagramele în toate browserele moderne. Diagramele create sunt, de asemenea, receptive, așa că este excelent pentru a crea vizualizări care sunt prietenoase cu dispozitivele mobile.

Pro

• Gratuit și open source
• Ieșire receptivă și compatibilă între browsere

Contra

• Tipuri de diagrame foarte limitate în comparație cu alte instrumente
• Asistență limitată în afara documentației oficiale

Exemple

Concluzie

Chart.js este o opțiune bună pentru designerii care au nevoie de o opțiune de vizualizare simplă, personalizabilă și interactivă. Cele mai mari puncte de vânzare sunt că este gratuit și open source.

Grafana

Grafana este un software de vizualizare open-source care permite utilizatorilor să creeze tablouri de bord dinamice și alte vizualizări. Acceptă surse de date mixte, adnotări și funcții de alertă personalizabile și poate fi extins prin sute de pluginuri disponibile. Asta îl face unul dintre cele mai puternice instrumente de vizualizare disponibile.

Funcțiile de export le permit designerilor să partajeze instantanee ale tablourilor de bord și să invite alți utilizatori să colaboreze. Grafana acceptă peste 50 de surse de date prin pluginuri. Se poate descărca gratuit sau există o versiune găzduită în cloud pentru 49 USD/lună. (Există și o versiune găzduită gratuită foarte limitată.) Versiunea descărcabilă are și planuri de asistență disponibile, ceea ce multe alte instrumente open-source nu oferă.

Pro

• Open source, cu opțiuni gratuite și plătite disponibile
• Selecție mare de surse de date disponibile
• Varietate de tipuri de diagrame disponibile
• Simplifică crearea tablourilor de bord dinamice
• Poate funcționa cu fluxuri de date mixte

Contra

• Exagerat pentru a crea vizualizări simple
• Nu oferă atât de multe opțiuni de personalizare vizuală ca alte instrumente
• Nu este cea mai bună opțiune pentru a crea imagini de vizualizare
• Nu se pot încorpora tablouri de bord în site-uri web, deși este posibil pentru panouri individuale

Exemple

Concluzie

Grafana este una dintre cele mai bune opțiuni pentru crearea de tablouri de bord pentru uz intern, în special pentru surse de date mixte sau mari.

Chartist.js

Chartist.js este o bibliotecă JavaScript gratuită, cu sursă deschisă, care permite crearea de diagrame receptive simple, care sunt extrem de personalizabile și compatibile între browsere. Întreaga bibliotecă JavaScript are doar 10 KB când este GZIP. Diagramele create cu Chartist.js pot fi, de asemenea, animate, iar pluginurile permit extinderea acestuia.

Pro

• Gratuit și open source
• Dimensiune mică a fișierului
• Diagramele pot fi animate

Contra

• Nu este cea mai largă selecție de tipuri de diagrame disponibile
• Fără capacități de cartografiere
• Asistență limitată în afara comunității de dezvoltatori

Exemple

Concluzie

Chartist.js este o opțiune bună pentru designerii care doresc diagrame simple, încorporabile, receptive, cu o dimensiune mică a fișierului.

Sigmajs

Sigmajs este un instrument de vizualizare cu un singur scop pentru crearea de grafice de rețea. Este foarte personalizabil, dar necesită cunoștințe de bază JavaScript pentru a putea fi utilizat. Graficele create sunt încorporabile, interactive și receptive.

Pro

• Foarte personalizabil și extensibil
• Gratuit și open source
• Grafice ușor de încorporat în site-uri web și aplicații

Contra

• Creează un singur tip de vizualizare: grafice de rețea
• Necesită cunoștințe JS pentru personalizare și implementare

Exemple

Concluzie

Datorită focalizării sale unice, Sigmajs este o opțiune excelentă pentru crearea de grafice de rețea, atâta timp cât designerul este confortabil cu JavaScript.

Polihărți

Polymaps este o bibliotecă JavaScript dedicată pentru cartografiere. Rezultatele sunt hărți dinamice, receptive într-o varietate de stiluri, de la suprapuneri de imagini la hărți de simboluri la hărți de densitate. Utilizează SVG pentru a crea imagini, astfel încât designerii pot folosi CSS pentru a personaliza imaginile hărților lor.

Pro

• Gratuit și open source
• Construit special pentru cartografiere
• Hărți ușor de încorporat în site-uri web și aplicații

Contra

• Creează un singur tip de vizualizare
• Necesită anumite cunoștințe de codificare pentru personalizare și implementare

Exemple

Concluzie

Polymaps este o opțiune bună dacă hărțile sunt singurul tip de vizualizare necesar, atâta timp cât designerul se simte confortabil cu niște coduri de bază.

Concluzie

Există o varietate atât de mare de instrumente de vizualizare disponibile pentru designeri, încât poate fi greu să decizi pe care să le folosești. Designerii de vizualizare a datelor ar trebui să aibă în vedere lucruri precum ușurința în utilizare și dacă un instrument are caracteristicile de care au nevoie.

Selectarea celui mai puternic instrument disponibil nu este întotdeauna cea mai bună idee: curbele de învățare pot fi abrupte, necesitând mai multe resurse doar pentru a începe și rula, în timp ce un instrument mai simplu ar putea fi capabil să creeze exact ceea ce este necesar într-o fracțiune de timp. Amintiți-vă, totuși, că instrumentul este doar o parte a ecuației în crearea unei vizualizări de date; designerii trebuie, de asemenea, să ia în considerare ce altceva este implicat în realizarea unei vizualizări grozave a datelor.

Majoritatea instrumentelor de vizualizare a datelor includ teste gratuite (dacă întregul instrument nu este gratuit), așa că merită să vă faceți timp pentru a încerca câteva înainte de a decide asupra unei singure soluții.

• • •

Citiri suplimentare pe Blogul Toptal Design:

1. Vizualizarea datelor – Cele mai bune practici și baze
2. Inspirați-vă cu aceste vizualizări de date
3. Proiectarea tabloului de bord – Considerații și cele mai bune practici
4. Dacă nu utilizați date UX, nu este UX Design
5. Puterea în cifre – O privire de ansamblu asupra designului bazat pe date