Datavisualisering i nettdesign: 12 fantastiske eksempler
Data, data, overalt. Men hva gjør du med det? I dag har vi samlet 12 fantastiske eksempler på datavisualiseringer i nettdesign for å starte tankene dine om hvordan du jobber med data.
Vi lever i en tid der muligheten til å vise frem data på nye og interessante måter kan være et stort aktivum som designer.
Enten du har en massiv samling av tall eller bare informasjon du vil vise frem, kan denne designstilen være et flott verktøy i settet ditt.
Utforsk Envato Elements
1. NFLs historie
Med flere tiår med data som spenner over 32 lag, er det rikelig med informasjon tilgjengelig om spill i NFL. FiveThirtyEight kokte det hele ned i en serie interaktive grafer som du kan se av teamet for å se fotballhistoriens ebber og strømmer.
Det beste med denne datavisualiseringen er at det er superenkelt. Linjene viser seire og tap. Men med klikk og smykker sprer dataene liv: Du kan få score, datoer og rekorder for hvert eneste spill som er lagt på et kart over gjennomsnittet for hele ligaen. (Så du kan se om teamet ditt ligger foran eller bak pakken.)
2. Selvstyre
Selfies er mer enn bare et morsomt sett med bilder. Selfiecity bruker visualiseringer av rike medier for å sette sammen tusenvis av bilder for å finne demografisk informasjon om menneskene som tar dem.
Det som er kult med dette datasettet, er at selv om det hele er visuelt - tusenvis av bilder - kan du begynne å se mønstre, for eksempel stilen til selfie folk tar på forskjellige steder, enten kvinner eller menn tar flere bilder og alder av selfie- takers. Selv om det er noen statistikker og tall her, er disse dataene plottet ved hjelp av bilder i et gigantisk rutenett.
3. Største vokabular i Hip Hop
Dette prosjektet fra ThePudding viser at data ikke alltid trenger å bli nummerert. Den analyserer antall unike ord som brukes i hiphop-tekster og plotter de største vokabularene etter antall ord med bilder av artisten.
Slik fungerer det: ”Den sammenligner antallet unike ord som er brukt av noen av de mest kjente artistene i hiphop (det vil si et eksempel på et kvantitativt syn på lyrikk, som en gang ble foreslått av Tahir Hemphill). Jeg brukte hver artists første 35 000 tekster. På denne måten kan produktive artister, som Jay-Z, sammenlignes med nyere artister, som Drake. ”
Den enkle svart / hvite designen på det plottede diagrammet er visuelt interessant og gjør det enkelt å se hvilke artister som ligger foran flokken. (Eller du kan bruke de mer interaktive verktøyene og søke etter spesifikke artister.) Du kan også sortere etter epoke, med 2000-tallet det mest lyrisk robuste.
4. Shopify år i gjennomgang
Krydre et sett med årlige data med et nettsted forankret i å gjøre det hele visuelt. Shopifys 2016 in Review er en samling av årsrapportdata i en lettlest pakke.
Nettstedet ruller i sidelignende blokker med fakta og informasjon gjennomgående. Visualisering av tidslinjestilen blar dypere i koblinger med grafer og andre numeriske diagrammer. Dette nettstedet viser at selv med mange tall, kan du lage noe fantastisk og trendy.
5. Daglige rutiner for kjente, kreative mennesker
Ikke bli lurt til å tenke stolpe, eller linjediagrammer er kjedelige. Dette fantastiske settet med linjer viser kule data som viser hvordan noen ganske berømte reklamer tilbrakte dagene. (Og det er masse mat og fritid der inne.)
Det som får dette datavisualiseringen til å fungere, er farger. Hver linje betyr noe. Hver farge står i kontrast til fargene rundt den, slik at hver bit av informasjon er lett å se og forstå.
6. Falling Through the Gap
Denne interaktive datavisualiseringen fra BBC er strålende. Et sett med animerte prikker endringer i rullehandling viser kompleks informasjon på et øyeblikk.
Animasjonene og ideen bak denne interaktive infografien er godt planlagt og utført.
7. Hver total solformørkelse som skjer
Denne datavisualiseringen blander litt kule veiviser, animasjoner og vitenskapelige data for å gi tilpasset informasjon om når (og hvis) du kan se en solformørkelse.
Det starter med fødselsåret ditt for en tilpasset rapport. Her er min (merk datatrekket er fra 2017): “Hvis du ble født i 1980, er du (eller blir) 37 i år. Hvis du lever til å være 100, vil det være 43 flere totale solformørkelser over hele verden i løpet av livet. Mange vil være over Sør-Amerika. Man vil bare formørke over vann. ”
Dataene utvides videre til forklaringer på hvordan en formørkelse fungerer og stier for arrangementet 2017.
8. Vindkart
Hvor blåser vinden?
Dette kartet viser vindstyrke og gjennomsnitt i USA i sanntid. Værdata er portert inn i et enkelt svart-hvitt kart som viser bevegelige vindmønstre over hele nasjonen. (Jeg må innrømme, bare det å se på animasjonen er ganske vanedannende ... og beroligende.)
9. Hvordan hvert medlem kom på kongressen
Datakartlegging er en uttømmende og informativ opplevelse. Dette interaktive datakartet viser banen til hver enkelt kongressmedlem og kongresskvinne i USA
Du kan spore utdanning, jobber og annen politisk erfaring. (Det er litt utrolig hvor mange lignende stier det er.) Dykk dypere ned i dataene ved å se på og individuelle baner fra politikere.
10. Verdens største datainnbrudd og hacks
Hvis du leter etter data som ser bra ut, er Information is Beautiful et bra sted å starte. Dette sirkeldiagrammet viser datainnbrudd på 30 000 poster eller mer fra 2008 til i dag.
Sirkelstørrelser representerer hvor stort brudd skjedde, og det er lett å se hvor informasjonen din kan ha blitt fanget opp i et datahack. Hold musepekeren over hvilken som helst sirkel for mer om bruddet. Tidslinjestildesignet viser også noe annet - den rene økningen i brudd årlig.
11. Hvorfor smarttelefonen din forårsaker teksthalssyndrom
Noen av de beste datavisualiseringene vever fakta og en historie sammen for å gi et mer fullstendig bilde av informasjonen. Det er tilfelle med denne veiledningen om "teksthals."
Små data-plott - ved hjelp av fakta og tall - blandes med animerte data som viser holdningsendringer for å vise (ikke fortelle) nøyaktig hva som skjer i dette fenomenet som startet med antall tilfeller av "teksthals". Det er en fin måte å forklare noe visuelt som kanskje ikke gir mye mening ellers.
12. Illustrert guide til 2 339 dødsfall i 'Game of Thrones'
Bruk illustrasjoner for å lage en engasjerende datavisualisering også. Washington Post dokumenterte hvert dødsfall i det populære showet, “Game of Thrones, ” med en illustrert guide.
Illustrasjoner og ikonkoding viser dødsfall ved et glimt av klikkhandlinger som går enda mer i detalj. I tillegg er alt organisert etter sesong (og beliggenhet og karaktertype hvis du er interessert). For å bevise at dette er mer enn bare moro, er det en komplett metodikk for hvordan det fungerer og hva som "teller" som en død.
Konklusjon
Bruk av datavisualiseringer er praktisk talt overalt. Vi lever i en datadrevet tidsalder, der mennesker dras mot informasjon og kunnskap.
Å kunne koke store mengder data til et brukbart design er en verdifull ferdighet som kan hjelpe deg i en rekke prosjekter. Og hvis du ikke har blitt bedt om å gjøre dette ennå, er sjansen stor for at du snart vil være det.
