Spotreba veľkého množstva údajov nie je vždy jednoduchá. Súbory údajov sú niekedy také veľké, že je úplne nemožné od nich rozlíšiť niečo užitočné. To je miesto, kde prichádzajú vizualizácie údajov.
Vytváranie vizualizácií údajov je zriedka priamy. Nie je to tak, akoby dizajnéri mohli jednoducho zobrať množinu údajov s tisíckami záznamov a vytvoriť od nuly vizualizáciu. Iste, je to možné, ale kto chce stráviť desiatky alebo stovky hodín vykresľovaním bodiek na bodovom grafe? To je miesto, kde prichádzajú nástroje na vizualizáciu údajov.
Čo sú nástroje na vizualizáciu údajov?
Poskytujú nástroje na vizualizáciu údajov návrhári vizualizácie údajov jednoduchším spôsobom na vytváranie vizuálnych reprezentácií veľkých súborov údajov. Pri práci so súbormi údajov, ktoré zahŕňajú státisíce alebo milióny údajových bodov, sa proces automatizuje vytvorenie vizualizácie , aspoň čiastočne výrazne uľahčuje prácu dizajnéra.
Tieto vizualizácie údajov je potom možné použiť na rôzne účely: dashboardy, výročné správy, predajné a marketingové materiály, diapozitívy investorov a informácie kdekoľvek inde je potrebné interpretovať okamžite.
Čo majú spoločné najlepšie nástroje na vizualizáciu údajov?
Najlepšie nástroje na vizualizáciu údajov na trhu majú spoločné niekoľko vecí. Prvým je ich jednoduché použitie. Na vizualizáciu údajov je k dispozícii niekoľko neuveriteľne komplikovaných aplikácií. Niektoré majú vynikajúcu dokumentáciu a návody a sú navrhnuté tak, aby boli pre používateľa intuitívne. Ostatné v týchto oblastiach chýbajú a vylučujú ich zo zoznamu „najlepších“ nástrojov bez ohľadu na ich ďalšie schopnosti.
Najlepšie nástroje dokážu spracovať aj obrovské množiny údajov. To najlepšie v skutočnosti dokáže dokonca spracovať viac súborov údajov v jednej vizualizácii.
Najlepšie nástroje tiež môžu produkovať pole rôznych typov grafov, grafov a máp. Väčšina nástrojov uvedených nižšie umožňuje výstup obrázkov aj interaktívnych grafov. Existujú však výnimky z rôznych výstupných kritérií. Niektoré nástroje na vizualizáciu údajov sa zameriavajú na konkrétny typ mapy alebo mapy a robia to veľmi dobre. Tieto nástroje majú tiež miesto medzi „najlepšími“ nástrojmi.
Nakoniec existujú úvahy o nákladoch. Aj keď vyššia cena nemusí nevyhnutne diskvalifikovať nástroj, je potrebné vyššiu cenu odôvodniť lepšou podporou, lepšími funkciami a lepšou celkovou hodnotou.
Porovnanie nástrojov na vizualizáciu údajov
K dispozícii sú desiatky, ak nie stovky aplikácií, nástrojov a skriptov na vytváranie vizualizácií veľkých množín údajov. Mnohé sú veľmi základné a majú veľa prekrývajúcich sa funkcií.
v dizajne, aký je harmonický vzťah častí navzájom a k celku?
Existujú však výnimky, ktoré majú buď väčšiu schopnosť typov vizualizácií, ktoré môžu vytvárať, alebo sú ich použitie oveľa jednoduchšie ako v prípade iných možností.
Tablo (a tablo verejné)
Doska má rôzne dostupné možnosti, vrátane aplikácie pre počítač, servera a hostovanej online verzie, a bezplatnej verejnej možnosti. K dispozícii sú stovky možností importu údajov, od súborov CSV cez údaje Google Ads a Analytics až po údaje Salesforce.
Možnosti výstupu zahŕňajú viac formátov grafov, ako aj schopnosť mapovania. To znamená, že dizajnéri môžu vytvárať farebne odlíšené mapy, ktoré zobrazujú geograficky dôležité údaje vo formáte, ktorý je oveľa ľahšie stráviteľný, ako by tabuľka alebo graf mohli byť.
The verejné verzia Tableau je zadarmo na použitie pre kohokoľvek, kto hľadá efektívny spôsob vytvárania vizualizácií údajov, ktoré je možné použiť v rôznych nastaveniach. Od novinárov cez politických feťákov až po tých, ktorí chcú len kvantifikovať údaje o svojom živote, Tableau Public má veľa potenciálnych využití. Majú rozsiahlu galériu infografík a vizualizácií, ktoré boli vytvorené s verejnou verziou, aby slúžili ako inšpirácia pre tých, ktorí majú záujem o vlastnú tvorbu.
Pros
- Stovky možností importu údajov
- Schopnosť mapovania
- K dispozícii je verejná verzia zadarmo
- Mnoho videonávodov, ktoré vás prevedú používaním aplikácie Tableau
Zápory
- Neslobodné verzie sú drahé (70 dolárov mesačne / používateľ za softvér Tableau Creator)
- Verejná verzia vám neumožňuje uchovať analýzy údajov v súkromí
Príklady vizualizácie údajov
Spodná čiara
Tableau je skvelá voľba pre tých, ktorí potrebujú vytvárať mapy okrem iných typov máp. Tableau Public je tiež skvelou voľbou pre každého, kto chce vytvárať vizualizácie orientované na verejnosť.
Infogram
Infogram je plne vybavený vizualizačný nástroj typu „drag-and-drop“, ktorý umožňuje aj iným dizajnérom vytvárať efektívne vizualizácie údajov pre marketingové správy, infografiky, príspevky na sociálnych sieťach, mapy, dashboardy a ďalšie.
Hotové vizualizácie je možné exportovať do niekoľkých formátov: .PNG, .JPG, .GIF, .PDF a .HTML. Možné sú aj interaktívne vizualizácie, ideálne na vkladanie do webov alebo aplikácií. Infogram ponúka aj doplnok WordPress, ktorý používateľom WordPress uľahčuje vkladanie vizualizácií.
Pros
- Stupňovité ceny vrátane bezplatného plánu so základnými funkciami
- Zahŕňa viac ako 35 typov grafov a 550+ typov máp
- Presuňte a pustite editor
- API na import ďalších zdrojov údajov
Zápory
- Podstatne menej zabudovaných zdrojov údajov ako niektoré iné aplikácie
Príklady
Spodná čiara
Infogram je skvelá voľba pre dizajnérov aj bez dizajnérov. Editor drag-and-drop umožňuje ľahko vytvárať profesionálne vyzerajúce vzory bez veľkej zručnosti v oblasti vizuálneho dizajnu.
ChartBlocks
ChartBlocks tvrdí, že údaje je možné importovať odkiaľkoľvek pomocou ich API, a to aj zo živých informačných kanálov. Aj keď sa hovorí, že import údajov z ľubovoľného zdroja je možné vykonať „niekoľkými kliknutiami“, bude to určite zložitejšie ako v prípade iných aplikácií, ktoré majú automatizované moduly alebo rozšírenia pre konkrétne zdroje údajov.
Aplikácia umožňuje rozsiahle prispôsobenie vytvorenej výslednej vizualizácie a sprievodca vytváraním grafov pomáha používateľom pred importom údajov vybrať presne tie správne údaje pre svoje mapy.
Návrhári môžu vytvárať prakticky akýkoľvek druh grafov a ich výstup je responzívny - to je veľká výhoda návrhári vizualizácie údajov ktorí chcú vložiť grafy na webové stránky, ktoré sa pravdepodobne zobrazia na rôznych zariadeniach.
Pros
- K dispozícii sú bezplatné a cenovo dostupné platené programy
- Ľahko použiteľný sprievodca pre import potrebných údajov
Zápory
- Nejasné, aké robustné je ich API
- Nezdá sa, že by mal nejaké možnosti mapovania
Príklady
Spodná čiara
ChartBlocks má vynikajúci bezplatný plán, čo je veľké plus. Vynikajúce je aj jednoduché použitie na vytváranie základných tabuliek a grafov.
Datawrapper
Datawrapper bol vytvorený špeciálne na pridávanie máp a máp do spravodajských správ. Vytvorené mapy a mapy sú interaktívne a sú určené na vkladanie na spravodajské weby. Ich zdroje údajov sú však obmedzené, pričom primárnou metódou je kopírovanie a vkladanie údajov do nástroja.
Po importovaní údajov je možné vytvoriť grafy jediným kliknutím. Medzi ich typy vizualizácie patria okrem iného stĺpcové, čiarové a stĺpcové grafy, volebné koblihy, plošné grafy, bodové grafy, mapy choropletov a symbolov a mapy lokátorov. Hotové vizualizácie pripomínajú tie, ktoré sú viditeľné na stránkach ako New York Times alebo Boston Globe. V skutočnosti ich grafy používajú publikácie ako Mother Jones, Fortune a The Times.
Bezplatný plán je ideálny na vkladanie grafiky na menšie weby s obmedzenou prevádzkou, ale platené plány sú na drahej strane, začínajúc od 39 dolárov mesačne.
Pros
- Špeciálne navrhnutý pre vizualizáciu údajov redakcie
- Zadarmo plán je vhodný pre menšie weby
- Nástroj obsahuje zabudovanú kontrolu farebnosti
Zápory
- Obmedzené zdroje údajov
- Platené plány sú na drahej strane
Príklad
na čo sa používa programovanie v c
Spodná čiara
Datawrapper je vynikajúcou voľbou pre vizualizáciu údajov pre spravodajské weby. Napriek cenovke, ktoré Datawrapper obsahuje pre vizualizáciu špecifickú pre novinky, to stojí za to.
D3.js
D3.js je knižnica JavaScript na manipuláciu s dokumentmi pomocou údajov. D3.js vyžaduje aspoň určité znalosti JS, aj keď existujú aplikácie, ktoré umožňujú neprogramujúcim používateľom využívať knižnicu.
Medzi tieto aplikácie patrí NVD3 , ktorá ponúka opakovane použiteľné grafy pre D3.js; Štúdio Plotly’s Chart , ktorý tiež umožňuje návrhárom vytvárať WebGL a ďalšie grafy; a Mužské grafy , ktorý tiež používa rámec Ember.js.
Pros
- Veľmi výkonný a prispôsobiteľný
- Je možné obrovské množstvo typov grafov
- Zameranie na webové štandardy
- Dostupné nástroje, ktoré umožňujú neprogramátorom vytvárať vizualizácie
- Zadarmo a otvorený zdroj
Zápory
- Vyžaduje samostatné programovacie znalosti
- K dispozícii je menšia podpora ako pri platených nástrojoch
Príklady
Spodná čiara
D3.js je vhodný iba pre tých dizajnérov, ktorí majú buď prístup k pomoci programátora, alebo majú znalosti programovania sami.
Grafy Google
Google Charts je výkonný bezplatný nástroj na vizualizáciu údajov, ktorý je špeciálne určený na vytváranie interaktívnych grafov na vkladanie online. Pracuje s dynamickými dátami a výstupy sú založené čisto na HTML5 a SVG, takže fungujú v prehliadačoch bez použitia ďalších doplnkov. Zdroje údajov zahŕňajú tabuľky spoločnosti Google, Google Fusion Tables, Salesforce a ďalšie databázy SQL.
Existuje celý rad typov grafov, vrátane máp, bodových grafov, stĺpcových a stĺpcových grafov, histogramov, plošných máp, koláčových grafov, stromových máp, časových osí, meradiel a mnohých ďalších. Tieto grafy je možné úplne prispôsobiť pomocou jednoduchých úprav CSS.
Pros
- zadarmo
- K dispozícii je široká škála formátov grafov
- Kompatibilný s rôznymi prehliadačmi, pretože používa HTML5 / SVG
- Funguje s dynamickými dátami
Zápory
- Okrem dostupných návodov a fóra existuje obmedzená podpora
Príklady
Spodná čiara
Grafy Google sú skvelou voľbou, ak návrhárovi trochu vyhovuje programovanie a chce výkonné a bezplatné riešenie. Vďaka tomu, že ako zdroj údajov môžete použiť ľubovoľnú databázu SQL, je to dobrá voľba aj pre veľké množiny údajov.
FusionCharts
FusionCharts je ďalšia možnosť na vytváranie webových a mobilných dashboardov založená na JavaScripte. Zahŕňa viac ako 150 typov máp a 1 000 typov máp. Môže sa integrovať do populárnych rámcov JS (vrátane React, jQuery, React, Ember a Angular), ako aj do programovacích jazykov na strane servera (vrátane PHP, Java, Django a Ruby on Rails).
FusionCharts poskytuje kód pripravený na použitie pre všetky varianty grafov a máp, čo uľahčuje vkladanie na webové stránky aj pre tých dizajnérov s obmedzenými znalosťami programovania. Pretože FusionCharts je zameraný na vytváranie dashboardov a nie iba na priamu vizualizáciu dát, je to jedna z najdrahších možností zahrnutá v tomto článku. Ale je to tiež jeden z najsilnejších.
Pros
ako spamovať kreditné karty pdf
- Obrovské množstvo možností formátov máp a máp
- Viac funkcií ako väčšina ostatných vizualizačných nástrojov
- Integruje sa s množstvom rôznych rámcov a programovacích jazykov
Zápory
- Drahé (začína na takmer 500 USD za jednu licenciu pre vývojárov)
- Overkill pre jednoduché vizualizácie mimo prostredia palubnej dosky
Príklady
Spodná čiara
Pri vytváraní dashboardov sa nič iné v tomto článku skutočne nevyrovná FusionCharts. Ak je to práve tento projekt, je to nepochybne najsilnejšia voľba.
Chart.js
Chart.js je jednoduchá, ale flexibilná knižnica grafov JavaScriptu. Je to otvorený zdroj, poskytuje širokú škálu typov grafov (celkovo osem) a umožňuje animáciu a interakciu.
Chart.js používa na výstup HTML5 Canvas, takže vykresľuje grafy dobre vo všetkých moderných prehliadačoch. Vytvorené grafy tiež reagujú, takže je vynikajúce na vytváranie vizualizácií vhodných pre mobilné zariadenia.
Pros
- Zadarmo a otvorený zdroj
- Responzívny výstup kompatibilný s rôznymi prehliadačmi
Zápory
- Veľmi obmedzené typy grafov v porovnaní s inými nástrojmi
- Obmedzená podpora mimo oficiálnej dokumentácie
Príklady
Spodná čiara
Chart.js je dobrá voľba pre návrhárov, ktorí potrebujú jednoduchú, prispôsobiteľnú možnosť interaktívnej vizualizácie. Jeho najväčšou prednosťou je, že je to bezplatný a otvorený zdroj.
Grafana
Grafana je vizualizačný softvér otvoreného zdroja, ktorý používateľom umožňuje vytvárať dynamické dashboardy a ďalšie vizualizácie. Podporuje zmiešané zdroje údajov, anotácie a prispôsobiteľné výstražné funkcie a je možné ho rozšíriť prostredníctvom stoviek dostupných doplnkov. Vďaka tomu je jedným z najsilnejších dostupných vizualizačných nástrojov.
ako používať power pivot
Funkcie exportu umožňujú návrhárom zdieľať snímky dashboardov a pozývať ďalších používateľov na spoluprácu. Grafana podporuje viac ako 50 zdrojov údajov cez doplnky . Je zadarmo na stiahnutie, alebo je k dispozícii verzia hosťovaná v cloude za 49 dolárov mesačne. (K dispozícii je tiež veľmi obmedzená bezplatná hostovaná verzia.) Stiahnuteľná verzia má tiež k dispozícii plány podpory, čo mnoho ďalších nástrojov s otvoreným zdrojovým kódom neponúka.
Pros
- Open source s dostupnými bezplatnými a platenými možnosťami
- K dispozícii je veľký výber zdrojov údajov
- K dispozícii sú rôzne typy grafov
- Uľahčuje vytváranie dynamických dashboardov
- Môže pracovať so zmiešanými informačnými kanálmi
Zápory
- Nadmerná tvorba jednoduchých vizualizácií
- Neponúka toľko možností vizuálneho prispôsobenia ako niektoré iné nástroje
- Nie je to najlepšia možnosť na vytváranie vizualizačných obrázkov
- Nie je možné vložiť informačné panely na webové stránky, aj keď je to možné pre jednotlivé panely
Príklady
Spodná čiara
Grafana je jednou z najlepších možností na vytváranie dashboardov pre interné použitie, najmä pre zmiešané alebo veľké zdroje údajov.
Chartist.js
Chartist.js je bezplatná knižnica JavaScript s otvoreným zdrojovým kódom, ktorá umožňuje vytvárať jednoduché responzívne mapy, ktoré sú vysoko prispôsobiteľné a kompatibilné s rôznymi prehliadačmi. Celá knižnica JavaScriptu má pri GZIP iba 10 kB. Grafy vytvorené pomocou nástroja Chartist.js možno tiež animovať a doplnky ho umožňujú rozšíriť.
Pros
- Zadarmo a otvorený zdroj
- Malá veľkosť súboru
- Grafy môžu byť animované
Zápory
- Nie najširší výber typov grafov, ktorý je k dispozícii
- Žiadne možnosti mapovania
- Obmedzená podpora mimo vývojárskej komunity
Príklady
Spodná čiara
Chartist.js je dobrá voľba pre návrhárov, ktorí chcú jednoduché, vložiteľné a pohotové mapy s malou veľkosťou súboru.
s korporácia vs c corp
Sigmax
Sigmax je jednoúčelový vizualizačný nástroj na vytváranie sieťových grafov. Je vysoko prispôsobiteľný, ale na jeho použitie sú potrebné základné znalosti jazyka JavaScript. Vytvorené grafy sú vložiteľné, interaktívne a pohotové.
Pros
- Vysoko prispôsobiteľné a rozšíriteľné
- Zadarmo a otvorený zdroj
- Jednoduché vkladanie grafov na webové stránky a do aplikácií
Zápory
- Vytvára iba jeden typ vizualizácie: sieťové grafy
- Na prispôsobenie a implementáciu sa vyžaduje znalosť JS
Príklady
Spodná čiara
Vďaka svojmu jedinému zameraniu je Sigmajs skvelou voľbou pre vytváranie sieťových grafov, pokiaľ návrhárovi vyhovuje JavaScript.
Polymapy
Polymapy je špecializovaná knižnica JavaScriptu na mapovanie. Výstupom sú dynamické, responzívne mapy v rôznych štýloch, od prekrytia obrázkov cez mapy symbolov až po mapy hustoty. Na vytváranie obrázkov používa SVG, takže návrhári môžu pomocou CSS prispôsobiť vizuály svojich máp.
Pros
- Zadarmo a otvorený zdroj
- Vytvorené špeciálne pre mapovanie
- Jednoduché vkladanie máp na webové stránky a do aplikácií
Zápory
- Vytvára iba jeden typ vizualizácie
- Vyžaduje určité znalosti kódovania na prispôsobenie a implementáciu
Príklady
Spodná čiara
Polymapy sú dobrou voľbou, ak sú mapy jediným požadovaným typom vizualizácie, pokiaľ návrhárovi vyhovuje niektoré základné kódovanie.
Záver
Návrhárom je k dispozícii tak obrovské množstvo vizualizačných nástrojov, že môže byť ťažké rozhodnúť sa, ktorý z nich použijú. Návrhári vizualizácie údajov Mali by ste mať na pamäti veci, ako je jednoduché použitie a to, či má nástroj vlastnosti, ktoré potrebuje.
Výber najsilnejšieho dostupného nástroja nie je vždy najlepší nápad: Učenie kriviek môže byť strmé, čo vyžaduje viac zdrojov, aby ste mohli pracovať, zatiaľ čo jednoduchší nástroj dokáže za zlomok času vytvoriť presne to, čo je potrebné. Nezabudnite však, že tento nástroj je iba časťou rovnice pri vytváraní vizualizácie údajov; dizajnéri tiež musia zvážiť, čo ešte vedie k vytvoreniu skvelej vizualizácie údajov.
Väčšina nástrojov na vizualizáciu údajov obsahuje bezplatné skúšobné verzie (ak celý nástroj nie je zadarmo), preto si treba urobiť čas a vyskúšať niekoľko, kým sa rozhodnete pre jediné riešenie.
• • •
Ďalšie čítanie na blogu ApeeScape Design Blog:
- Vizualizácia údajov - osvedčené postupy a základy
- Inšpirujte sa týmito vizualizáciami údajov
- Dashboard Design - Aspekty a osvedčené postupy
- Ak nepoužívate údaje UX, nejde o dizajn UX
- Sila v číslach - prehľad dizajnu založeného na dátach
Pochopenie základov
Aké sú najlepšie nástroje na vizualizáciu údajov?
Medzi najlepšie nástroje na vizualizáciu údajov patria Google Charts, Tableau, Grafana, Chartist.js, FusionCharts, Datawrapper, Infogram, ChartBlocks a D3.js. Najlepšie nástroje ponúkajú rôzne vizualizačné štýly, ľahko sa používajú a dokážu spracovať veľké množiny údajov.
Čo sú nástroje na vizualizáciu údajov?
Nástroje na vizualizáciu údajov poskytujú návrhárom ľahší spôsob vytvárania vizuálnych reprezentácií veľkých súborov údajov. Pri práci so sadami údajov, ktoré zahŕňajú státisíce alebo milióny údajových bodov, automatizácia procesu vytvárania vizualizácie výrazne uľahčuje prácu dizajnéra.
Čo sú techniky vizualizácie údajov?
Techniky vizualizácie údajov zahŕňajú grafy (čiara, čiara alebo koláč), grafy (bubliny alebo bodový rozptyl), diagramy, mapy (tepelné mapy, geografické mapy atď.) A matice. Existuje veľa variácií týchto špecifických techník, ktoré môžu návrhári použiť na splnenie konkrétnych potrieb vizualizácie na základe údajov, s ktorými pracujú.
Prečo používame vizualizáciu údajov?
Veľké množiny údajov s tisíckami alebo miliónmi údajových bodov je takmer nemožné rozoznať použiteľné informácie alebo z nich vyvodiť závery, pokiaľ sa nepoužije nejaký druh vizualizácie, či už ide o základný graf alebo interaktívny informačný panel vizualizácie údajov.
Aká dôležitá je vizualizácia údajov?
Bez vizualizácií údajov je takmer nemožné vyvodiť závery z veľkých súborov údajov alebo dokonca rozlíšiť použiteľné informácie z nich. Pomocou metód vizualizácie údajov môžu návrhári urobiť informácie zrozumiteľné pre zainteresované strany.
