Datu vizualizācija tīmekļa dizainā: 12 satriecoši piemēri
Dati, dati, visur. Bet ko jūs ar to darāt? Šodien mēs esam apkopojuši 12 satriecošus datu vizualizācijas piemērus tīmekļa vietnes dizainā, lai sāktu domāt, kā strādāt ar datiem.
Mēs dzīvojam laikā, kad spēja parādīt datus jaunos un interesantos veidos var būt milzīgs ieguvums kā dizaineram.
Neatkarīgi no tā, vai jums ir apjomīga numuru kolekcija vai tikai informācija, kuru vēlaties parādīt, šis dizaina stils var būt lielisks rīks jūsu komplektā.
Izpētiet Envato elementus
1. NFL vēsture
Tā kā gadu desmitu dati aptver 32 komandas, NFL ir pieejams daudz informācijas par spēlēm. FiveThirtyEight visu to sadalīja interaktīvo grafiku sērijās, kuras varat apskatīt komandām, lai redzētu futbola vēstures ebbs un plūsmas.
Pats labākais šajā datu vizualizācijā ir tas, ka tas ir ļoti vienkāršs. Rindas parāda uzvaras un zaudējumus. Ar klikšķiem un kursoriem dati atjaunojas: jūs varat iegūt rezultātus, datumus un ierakstus par katru spēli, kas ir pārklāta ar vidējo karti visā līgā. (Tātad jūs varat redzēt, vai jūsu komanda ir priekšā vai aiz paketes.)
2. Pašpārliecinātība
Pašbildes ir vairāk nekā tikai jautrs fotoattēlu komplekts. Selfiecity izmanto bagātinātas multivides vizualizācijas, lai apkopotu tūkstošiem fotoattēlu, lai atrastu demogrāfisko informāciju par cilvēkiem, kuri tos uzņem.
Ļoti patīkami šajā datu kopā ir tas, ka, lai gan tas viss ir vizuāls - tūkstošiem fotoattēlu -, jūs varat sākt redzēt modeļus, piemēram, to, kādā veidā selfiji tiek uzņemti dažādās vietās, neatkarīgi no tā, vai sievietes vai vīrieši uzņem vairāk fotoattēlu, kā arī no selfiju vecuma ņēmēji. Lai gan šeit ir daži statistikas dati un skaitļi, šie dati tiek attēloti, izmantojot fotogrāfijas milzu režģī.
3. Lielākais vārdu krājums hiphopā
Šis ThePudding projekts rāda, ka dati ne vienmēr ir numurēti. Tas analizē unikālo vārdu skaitu, ko izmanto hip hop dziesmu tekstos, un sadala lielākās vārdnīcas pēc vārdu skaita ar mākslinieka attēliem.
Lūk, kā tas darbojas: “Tas salīdzina unikālo vārdu skaitu, ko daži no slavenākajiem māksliniekiem izmantojuši hip hopā (tas ir, kvantitatīva lirisma skatījuma piemērs, ko savulaik piedāvājis Tahir Hemphill). Es izmantoju katra mākslinieka pirmos 35 000 dziesmu tekstus. Tādā veidā ražīgus māksliniekus, piemēram, Jay-Z, var salīdzināt ar jaunākiem māksliniekiem, piemēram, Drake. ”
Vienkārši uzzīmētās diagrammas melnbaltais dizains ir vizuāli interesants un ļauj viegli redzēt, kuri mākslinieki ir pirms iepakojuma. (Vai arī varat izmantot interaktīvākus rīkus un meklēt noteiktus māksliniekus.) Varat arī kārtot pēc laikmeta, 2000. gads ir liriski visstiprākais.
4. Shopify gads pārskatā
Izmantojot vietni, sakopojiet ikgadējo datu kopumu, padarot to visu vizuālu. Shopify 2016. gada pārskats ir gada pārskatu datu apkopojums viegli lasāmā pakotnē.
Vietne ritina lappusēm līdzīgos blokos ar faktiem un informāciju visā. Laika līnijas stila vizualizācija ritina dziļāk saiknēs ar grafikiem un citām skaitliskām diagrammām. Šī vietne parāda, ka pat ar lielu numuru skaitu jūs varat izveidot kaut ko satriecošu un modernu.
5. Slavenu radošu cilvēku ikdienas kārtība
Neļaujiet sevi apmānīt domāšanas joslā, vai līniju diagrammas ir garlaicīgas. Šis pārsteidzošais līniju komplekts parāda foršus datus, kas parāda, kā daži diezgan slaveni radošie cilvēki pavadīja savas dienas. (Un tur ir daudz ēdiena un brīvā laika.)
Tas, kas padara šo datu vizualizāciju darbu, ir krāsa. Katra rinda nozīmē kaut ko. Katra krāsa izteikti kontrastē ar tām apkārt esošajām krāsām, lai katru informāciju būtu viegli redzēt un saprast.
6. Kritiens caur spraugu
Šī interaktīvā datu vizualizācija no BBC ir lieliska. Animētu punktu izmaiņu komplekts ritināšanas darbībā īsumā parāda sarežģītu informāciju.
Šīs interaktīvās infogrāfijas animācijas un ideja ir labi izplānota un izpildīta.
7. Notiek katrs kopējais saules aptumsums
Šajā datu vizualizācijā ir sajaukta nedaudz atdzist burvības, animācijas un zinātniskie dati, lai sniegtu pielāgotu informāciju par to, kad (un ja) jūs varētu redzēt saules aptumsumu.
Tas sākas ar jūsu dzimšanas gadu, lai izveidotu pielāgotu pārskatu. Šeit ir mans (ņemiet vērā, ka dati ir no 2017. gada): “Ja esat dzimis 1980. gadā, jums šogad ir (vai būs) 37 gadi. Ja jūs dzīvojat, lai būtu 100, jūsu dzīves laikā visā pasaulē būs vēl 43 saules aptumsumi. Daudzi būs pāri Dienvidamerikai. Viens aizsedz tikai ūdeni. ”
Dati tiek izvērsti skaidrojumos par to, kā notiek aptumsums, un ceļu uz 2017. gada notikumu.
8. Vēja karte
Kur pūš vējš?
Šī karte rāda vēja ātrumu un vidējos rādītājus Amerikas Savienotajām Valstīm reālā laikā. Laika apstākļu dati tiek pārvietoti vienkāršā melnbaltā kartē, kas parāda mainīgus vēja modeļus visā valstī. (Man jāatzīst, ka vienkārši animācijas skatīšanās ir diezgan aizraujoša… un nomierinoša.)
9. Kā katrs loceklis nokļuva kongresā
Datu kartēšana ir izsmeļoša un ļoti informatīva pieredze. Šī interaktīvā datu karte parāda katra kongresa dalībnieka un kongresa sievietes ceļu ASV
Jūs varat izsekot izglītībai, darbam un citai politiskajai pieredzei. (Tas ir diezgan pārsteidzoši, cik daudz līdzīgu ceļu ir.) Dziļāk iedziļinieties datos, apskatot un apskatot politiķu individuālos ceļus.
10. Pasaulē lielākie datu pārkāpumi un hakeri
Ja meklējat datus, kas izskatās lieliski, informācija ir skaista ir laba vieta, kur sākt. Šajā apļa diagrammā ir attēloti datu pārkāpumi no 30 000 ierakstiem vai vairāk no 2008. gada līdz šim brīdim.
Loku lielumi norāda, cik liels pārkāpums ir noticis, un ir viegli saprast, kur, iespējams, jūsu informācija ir nokļuvusi datu satricinājumā. Virziet kursoru virs jebkura apļa, lai uzzinātu vairāk par pārkāpumu. Laika līnijas stila dizains parāda arī kaut ko citu - milzīgo pārkāpumu pieaugumu katru gadu.
11. Kāpēc viedtālrunis izraisa jums “teksta kakla” sindromu
Dažas no labākajām datu vizualizācijām apvieno faktus un stāstu, lai iegūtu pilnīgāku informācijas priekšstatu. Tā tas ir gadījumā ar šo ceļvedi “teksta kakls”.
Nelieli datu diagrammas - izmantojot faktus un skaitļus - sajaucas ar animētiem datiem, kas parāda stājas izmaiņas, lai parādītu (nevis pateiktu) tieši to, kas notiek šajā parādībā, kas sākās ar “teksta kakla” gadījumu skaitu. Tas ir lielisks veids, kā vizuāli izskaidrot kaut ko tādu, kam citādi nebūtu lielas jēgas.
12. Ilustrēts ceļvedis 2339 nāves gadījumiem “Troņu spēlē”
Izmantojiet ilustrācijas, lai izveidotu arī saistošu datu vizualizāciju. The Washington Post dokumentēja katru nāvi populārajā šovā “Troņu spēle” ar ilustrētu ceļvedi.
Ilustrācijas un ikonu kodēšana parāda nāves gadījumus vienā mirklī ar klikšķu darbībām, kas iedziļinās vēl sīkāk. Turklāt viss tiek organizēts pēc gadalaika (un, ja jūs interesē, atrašanās vieta un rakstura tips). Lai pierādītu, ka tas ir vairāk nekā tikai izklaide, ir pieejama pilnīga metodika, kā tas darbojas un kas “skaitās” kā nāve.
Secinājums
Datu vizualizācijas tiek izmantotas praktiski visur. Mēs dzīvojam datu orientētā laikmetā, kurā cilvēki tiek piesaistīti informācijai un zināšanām.
Spēja vārīt lielus datu apjomus izmantojamā dizainā ir vērtīga prasme, kas var jums palīdzēt daudzos projektos. Un, ja jums vēl nav lūgts to izdarīt, iespējams, ka drīz jūs to darīsit.
